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

Question

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

Answer 1

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

对于 retina.js，由于 Ian 上面提到的原因，它可能会减慢您的网站速度。来自 retina.js website :

"When your users load a page, retina.js checks each image on the page to see if there is a high-resolution version of that image on your server. If a high-resolution variant exists, the script will swap in that image in-place.

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

您还应该检查视网膜图像的整体大小。如果文件较大，下载和渲染的时间会更长。