Google PageSpeed见解 solve issues and get green

Google PageSpeed 优化

Google PageSpeed见解 [1]是查看网站效果的好工具。如果您的分数很差,这里有一系列文章,这些文章都易于实现,可以解决大多数问题。

Google PageSpeed见解

这使我在 Google PageSpeed Insights [1]上获得了绿色,从移动设备上的得分(图1)的17上升到了89(图14),而桌面设备的得分从35(图3)上升到89(图16)。 )。

第1步:优化网络图像

这使我能够在网站上通过Google PageSpeed [1]测试优化图像[2],从移动设备上的17分(图1)上升到51(图2),从35(图3)上升到桌面上的59(图4)。

优化图片PageSpeed洞察Google开发人员
使用GIMP批量处理和更新一批图像[3]

第2步:CSS和javascript优化

消除上层内容中的渲染阻止JavaScript和CSS。

这使我能够通过Google PageSpeed [1]测试消除网页上的折叠内容(以及Leverage浏览器缓存[6])中的渲染阻止JavaScript和CSS,从手机上的51分上升(图5)至72(图6),从桌面上的59(图7)到79(图8)。

修复Google PageSpeed在首屏内容中消除渲染阻止JavaScript和CSS [4]

第3步:启用Web浏览器缓存

杠杆浏览器缓存允许我通过Google PageSpeed [1]测试杠杆浏览器缓存[5](以及在网站上消除渲染阻止JavaScript和CSS的内容[4]),从分数上升51表示移动(图9)至72(图10),从59(图11)到79(桌面上)(图12)。

利用浏览器缓存PageSpeed洞察Google开发人员
修复Google PageSpeed利用htaccess中的浏览器缓存[6]

第4步:启用压缩htaccess

在htaccess中启用压缩允许我在网站上通过Google PageSpeed [1]测试杠杆浏览器缓存[7],从移动设备上的72分(图13)上升到89(图14),从79上升(图15)到桌面上的89(图16)。

优化基于文本的资产的编码和传输大小 - Web基础知识
修复Google PageSpeed在PHP和htaccess中启用压缩功能[8]
Yoann
关于 Yoann
Yoann是一名国际顾问。他帮助企业实施国际项目,促进各种文化,专业,溪流和技术之间的交流。他擅长设计,改进,改造,创新和制作解决方案,以满足客户的需求。他创建了www.ybierling.com以分享他的专业知识。他在国际业务开发,全球供应链完善,财务优化,SAP ERP项目部署和基于Web的业务支持方面工作了10多年。他在全球许多国家的各个行业(如物流,化妆品,消费品,美容护理或时尚)实现了业务转型。
 

评论 (0)

发表评论