即使只有一个“优化建议”,我们的快速页面也无法从Google Pagespeed洞察中获得73/100的低“优化得分”,而有很多“优化建议”的最慢竞争对手页面却获得了81的较高得分/ 100。
唯一的区别是最快的页面的“首次绘画”时间稍慢。
Google是否几乎只在乎“首次绘画”时间?其余的似乎无关紧要。
以下是来自远程服务器的两个页面的数据:
“快速”页面
Google Optimisation score : 73/100
4 render-blocking round trips and 28 resources (0,2 Mo) to load
Optimization Suggestions :
5 blocking CSS resources
GTmetrix data:
Fully Loaded Time: 2.9s
Total Page Size: 312KB
Requests: 35
First paint: 2.4 s
DOM loaded: 2.1 s
Onload: 2.9 s
“慢”页面
Google Optimisation score: 81/100
5 render-blocking round trips and 126 resources (2.1MB) to load
Optimization Suggestions :
19 blocking script resources and 4 blocking CSS resources
Leverage browser caching for 59 ressources
Minify JavaScript for 1 file
Optimize images for 1 file
GTmetrix data:
Fully Loaded Time: 10.0s
Total Page Size: 2.27MB
Requests: 145
First paint: 2.0 s
DOM loaded: 2.9 s
Onload: 6.5 s
答案 0 :(得分:0)
是的,第一道油漆非常重要。 当您考虑画廊时,通过延迟加载和无限滚动,第一幅画是很重要的一点。
因此,使用Ajax是有用的工具,可以像导航一样首先向用户显示最重要的信息。此后,当页面仍在加载时就可以了,用户将等待。