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

Question

我在网站上使用了 Retina.js 和 LESS，我们看到 IPADS 上的页面加载出现明显延迟。Retina.js 会减慢页面加载速度吗？

Answer 1

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

至于retina.js，它可能会因为Ian 上面提到的原因而减慢您的网站速度。从retina.js 网站：

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

在我看来，这意味着脚本会为页面上的每个图像检查一次服务器。如果你有一个劣质的 WiFi 或手机连接，这可能会影响页面上的呈现时间，因为每个图像都有一个额外的 HTTP 请求。（顺便说一句，额外的 HTTP 请求很糟糕。）

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