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

Question

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

Answer 1

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

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

  

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

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

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