自从Google更新了他们为移动设备评分的方式后,我就无法优化自己的网站。
我想知道我做错了什么,应该对现有站点做些什么才能使得分更高。在台式机上很容易获得95-100,但在移动设备上的同一站点上则为25 ...
在有人说要根据洞察力提出建议之前,我先说我同意,然后设法删除了其中的大部分建议-最糟糕的是,分数根本没有变化。这是我最大的挣扎,看来我所做的一切都不够好...
我遵循了本指南https://kinsta.com/blog/google-pagespeed-insights/和一些自己的解决方案。
是否有人对此问题有任何好的建议或永久性的解决方案?
答案 0 :(得分:0)
从您的Page Speed Insights报告中可以明显看出,造成图片低分的主要因素。解决方案是使用响应式图像,这将大大提高您的网站在移动设备上的速度。它的基本含义是,您必须为浏览器保留相同尺寸的不同大小的图像,浏览器将决定适合特定分辨率的图像版本。
1)这是您需要了解的有关响应式图像的一切-> Responsive Image (CSS Tricks)
2)您必须将<link href=".." .../>
标签和<script>
标签从页面顶部移至页面底部。这将解决“消除渲染阻止资源问题”。
3)您可以使用Javascript Minifier来缩小您的JS。只需将您现有的JS代码粘贴到网站上的<body>
框中,然后单击 MINIFY
此外,缓存策略也是降低得分的因素之一。高效的缓存策略可使浏览器在首次加载后更快地加载您的网站。缓存处理是特定于服务器的,与Apache,Express等不同。