Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/382.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用retina.js或更少会减慢我的网站速度_Javascript_Less_Retina.js - Fatal编程技术网

Javascript 使用retina.js或更少会减慢我的网站速度

Javascript 使用retina.js或更少会减慢我的网站速度,javascript,less,retina.js,Javascript,Less,Retina.js,我在网站上使用了retina.js和LESS,我们看到iPad上的页面加载出现了明显的延迟。retina.js是否会降低页面加载速度?如果您在服务器端处理页面,则在生成和应用样式表时,可能会导致页面加载速度减慢。通常,正是出于这个原因,我建议不要编译服务器端。在开发过程中编译较少的表单,并将缩小的CSS文件仅放在服务器上 至于retina.js,由于上面提到的原因,它可能会减慢你的网站速度。从: “当用户加载页面时,retina.js会检查页面上的每个图像,以查看服务器上是否存在该图像的高分辨率

我在网站上使用了retina.js和LESS,我们看到iPad上的页面加载出现了明显的延迟。retina.js是否会降低页面加载速度?

如果您在服务器端处理页面,则在生成和应用样式表时,可能会导致页面加载速度减慢。通常,正是出于这个原因,我建议不要编译服务器端。在开发过程中编译较少的表单,并将缩小的CSS文件仅放在服务器上

至于retina.js,由于上面提到的原因,它可能会减慢你的网站速度。从:

“当用户加载页面时,retina.js会检查页面上的每个图像,以查看服务器上是否存在该图像的高分辨率版本。如果存在高分辨率变体,则脚本将在适当位置交换该图像

在我看来,这意味着脚本正在为页面上的每个图像检查服务器一次。如果您有劣质的WiFi或手机连接,这可能会影响页面上的渲染时间,因为每个图像都有一个额外的HTTP请求。(,顺便说一下。)


您还应该查看视网膜图像的总体大小。如果文件大小较大,则下载和渲染所需的时间较长。

根据加载新图像的性质,我会说是的,这会降低页面加载速度。从我记得看到的关于Retina.js的内容来看,如果设备有能力,它会要求更高分辨率的图像…这意味着更多的HTTP请求estscan您在domReady 100毫秒后注入retina.js脚本?这应该可以修复页面加载停滞,并且仍然会带来好处。如果retina操作正确,当它启动时,不应该出现内容交换的瞬间,但即使有一点突然,我也宁愿这样做,而不是缓慢加载页面。