如何使用 Google 页面速度测试工具达到

sarkersabbir3se

网站加载速度是整体用户体验的首要考虑因素，也是数百个SEO排名因素之一。事实上，现在人们没有耐心等待超过五秒的页面加载。如果您的网站加载速度不够快，您将失去潜在客户。 由于超过 50% 的在线流量来自移动设备，每个人都希望网站几乎可以即时加载。考虑到这一点，在本文中，我将向您展示我们如何使用Google PageSpeed Insights 工具监控桌面和移动设备的 反向链接，从而获得的分数。 动机 我们的网站加载速度已经相当快了，但我们知道总有办法让它变得更好。 有一天，在使用 PageSpeed Tool 时，我注意到 Google 网站在移动设备上的得分很糟糕，为 。桌面版本的表现更好，为。也许他们应该使用他们的工具来改进他们的网站，对吗？ 这就是推动我们提高网站加载速度并证明您可以获得 100/100 的原因。这不是一种痴迷；而是一种迷恋。它的目标是完美。 我们以 87/100 开始。 这是我们实施我将与您分享的一些技术后得到的结果。

何让页面加载速度更快 在开始展示我们遵循的具 日本 WhatsApp 号码列表 体步骤之前，让我告诉您，PageSpeed 工具只是最佳 Web 性能实践的指南。它提供了优化网站页面加载速度的建议，并获得良好的结果取决于服务器环境的设置方式。 虽然其中一些步骤需要技术专业知识，但其他步骤则不需要。请注意，几乎可以使用任何内容管理系统 (CMS) 来遵循它们。 步骤#1：优化图像 Insights Tool 建议我们通过减小文件大小来优化图像以加快加载速度。为了解决这个问题，我们做了两件重要的事情： 使等工具压缩所有图像。这些工具是免费的，在某些情况下可以将图像文件大小减小 80% 以上，而不会降低图像质量。 在不降低图像质量的情况下将图像尺寸缩小到最小尺寸。例如，如果我们想在我们的网站上显示一张 150x150 像素的图片，那么这正是该图片在我们服务器上应有的尺寸。您的图像永远不应该大于您希望它们呈现的尺寸，也不应该使用 CSS 或 HTML 标签减小图像的大小。



我们下载了每个图像，然后手动压缩它们并调整它们的大小。优化这些图像后，最好养成优化上传到服务器的所有新图像的习惯。每个新图像都应该被压缩并调整大小。 谷歌还提供下载已经优化的图像的选项，您只需将它们上传到您的服务器即可。您可以使用 JavaScript 和 CSS 执行相同的操作。 步骤缩小 现在告诉我们必须缩小 JavaScript 和 CSS 文件。 缩小过程通过消除 CSS 和 JavaScript 文件中不必要的空格、字符和注释来减小文件的大小。程序员在编码时经常会留下许多空格和注释。这些甚至可以使 CSS 和 JavaScript 文件的大小增加一倍。了解决这个问题，我们在服务器上安装了Gulpjs 。该工具会自动创建一个新的 CSS 文件并删除所有空格。它还会自动为您所做的所有新更改创建一个新的 CSS 文件。在我们的例子中，它帮助我们将主 CSS 文件的大小从大约 300kb 减少到 150kb。