自从谷歌更新了他们的移动评分方法后,我在优化我的网站时遇到了麻烦。
我想知道我做错了什么,应该对现有网站做些什么才能让分数更高。在桌面上很容易获得95-100,但在移动设备上的同一站点将是25...
在有人说通过洞察来遵循建议之前,我会说我做到了,并且我设法删除了大多数建议-最糟糕的是,分数根本没有变化。这是我最大的挣扎,似乎无论我做什么都不够好…
我遵循了这个指南https://kinsta.com/blog/google-pagespeed-insights/ +一些我自己的解决方案。
有没有人对这个问题有什么好的建议或永久的解决方案?
发布于 2019-01-29 23:49:09
从您的Page Speed Insights报告中可以明显看出,导致您得分较低的主要因素是图像。这个问题的解决方案是使用响应式图像,这将极大地提高您的网站在移动设备上的速度。这基本上意味着,你必须为浏览器保留相同图像的不同大小,浏览器将决定哪个版本的图像适合特定的分辨率。
1)这里是关于响应式图像你需要知道的一切--> Responsive Image (CSS Tricks)
2)您必须将<link href=".." .../>和<script>标签从页面顶部移动到页面底部,紧跟在<body>标签之后。这将修复`消除渲染阻塞资源的问题。
3)您可以使用Javascript Minifier来缩小您的JS。只需将现有JS代码粘贴到网站上的Input Javascript框中,然后单击MINIFY
此外,缓存策略也是影响得分的因素之一。高效的缓存策略将使浏览器在第一次加载后更快地加载您的网站。缓存处理是特定于服务器的,它与Apache、Express等不同。
https://stackoverflow.com/questions/54418846
复制相似问题