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

Question

我正在使用retina.js，在网站上使用更少的内容，我们看到IPADS的页面加载出现了很大的延迟。retina.js会减慢页面加载速度吗？

Answer 1

就更少的情况而言，如果您在服务器端处理它，则在样式表生成和应用时，它可能会导致一些减速。通常，出于这个原因，我建议不要编译服务器端。在开发过程中编译较少的工作表，并将缩小后的CSS文件仅放在服务器上。

至于retina.js，它很可能是因为伊恩上面提到的原因而减慢了你的站点。来自retina.js网站

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

在我看来，这意味着脚本只检查一次页面上的每个图像。如果您有一个劣质的WiFi或单元连接，这可能会影响页面上的呈现时间，因为每个图像都有一个额外的HTTP请求。(顺便说一句，额外的HTTP请求是错误的。)

您还应该检查Retina图像的总体大小。如果文件大小很大，则下载和呈现将花费更长的时间。