使用retina.js和LESS会减慢我的网站速度

Question

我在网站上使用retina.js和LESS，我们发现IPADS上的页面加载有明显延迟。 retina.js会降低页面加载速度吗？

Answer 1

就LESS而言，如果你在服务器端处理它，可能会在样式表生成并应用时导致一些减速。 通常，我建议不要因为某个原因而编译服务器端。 在开发过程中编译LESS工作表，并将缩小的CSS文件仅放在服务器上。

至于retina.js，由于上面提到的原因，它可能会减慢你的网站速度。 来自retina.js网站 ：

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

我看到它的方式，这意味着脚本正在为页面上的每个图像检查一次服务器。 如果你有一个伪劣的WiFi或单元连接，这可能会影响页面上的渲染时间，因为每个图像都有一个额外的HTTP请求。 （顺便说一下， 额外的HTTP请求很糟糕 。）

您还应该查看Retina图像的整体大小。 如果文件大小很大，则下载和渲染需要更长时间。