您网站的性能对 Google 和您的客户都很重要
您可以拥有一个设计新颖、适合移动设备、针对 SEO 进行优化或对访问者有价值的内容的网站,但如果您的网站速度很慢,那么上述所有内容对您(用户)都没有任何用处将在没有先看到伟大的设计或阅读任何令人印象深刻的内容的情况下离开。
网站性能会影响可用性和转化率。根据KISSmetrics的数据,如果网站加载时间超过 3 秒,40% 的网站访问者会放弃该网站。 54% 的人可能会告诉他们的朋友他们在您缓慢的网站上度过了一段糟糕的时光。
网站性能受到三个潜在瓶颈的影响:
服务器– 托管网站的服务器的速度
传输——页面数据到达浏览器所需的时间
渲染——浏览器显示从服务器接收到的数据所花费的时间
在这三者中,传输是您可以轻松发挥作用的地方。造成数 WhatsApp 数据 据传输缓慢的瓶颈的罪魁祸首几乎总是以下几种:
图片– 较大的图片会降低传输速度
JavaScript – 为网站提供支持的“脚本”可能会减慢传输速度
CSS – 繁重或写得不好的 CSS 样式表也会影响流媒体
最后两个取决于它们所包含的代码的质量,而这又取决于开发人员的能力。如果开发人员不理解这些问题,很可能您没有快速加载代码。
https://zh-cn.czlists.com/wp-content/uploads/2024/11/WhatsApp-%E6%95%B0%E6%8D%AE-1.jpg
图像优化
只需优化图像,您就可以显着提高上传或流媒体速度。
使用大图像,即使是 300 KB 的大小,也会大大减慢加载时间。例如,我们看下面这张“JPG”照片,它原来是 2400px(像素)× 2600px,大小为 3 MB。让我们开始优化过程。
首先,我将图像尺寸修改为大约 500px x 500px。在这个尺寸下,图像现在重 333 KB……
100% 质量,500 像素 x 500 像素,333 KB
100% 质量,500 像素 x 500 像素,333 KB
现在,我打破了不在文章中放置未优化的照片的规则。但是,注意到其中的差异对您来说很重要。您可以通过优化来大幅减小图像的文件大小。
网上有很多免费工具可以优化您的图像。在 MassWeb,您可以访问我们的图像优化工具。
现在让我们看看使用 80% 质量时的变化......
优化图像 – 80% 质量 – 158 KB
优化图像 – 80% 质量 – 158 KB
文件大小相差很大,只有一半多一点!您看到质量有什么不同吗?我不知道。它可以更进一步(并且是必要的)。
这是同一张图像,质量优化为 60%……
优化图像 – 60% 质量 - 92 KB
优化图像 – 60% 质量 – 92 KB
尺寸仅不到质量 80 的一半。您注意到质量有什么差异吗?我还是没注意到。
这里是 30% 的质量……
优化图像 – 质量 30% - 49 KB
优化图像 – 30% 质量 – 49 KB
您几乎看不到任何质量损失,但这是最小的。在质量提高 30% 的情况下,我们再次将图像尺寸缩小了几乎一半。
49KB 几乎是裁剪图像的 15%(上面第一张照片),比原始 3MG 图像小得多。这从 3000 KB 跃升至 49 KB(原始大小的 1.6%)。这意味着数据传输方面的巨大节省。
您看到优化图像的重要性了吗?理论上,包含 30% 质量图像的页面将比原始 3MG 图像快 61 倍。如果您注意到差异,谷歌也可以!
谷歌对其算法进行了各种更新,明确表示网站性能的重要性已不是什么秘密。
现在您可能会想,“好吧,我只使用 WordPress 来编辑图像,所以我没问题。”别着急!您在 WordPress 中编辑的图像仍会以完整尺寸上传。 WordPress 只是告诉浏览器以减小的像素大小加载图像。
因此,在网站上上传图像之前进行优化会产生很大的影响。
附加提示 性能
托管
还有其他方法可以提高网站的性能。我们已经提到了服务器,即托管文件的地方。确保您的网站由优质提供商托管。
您也可以考虑拥有自己的虚拟服务器。共享服务器意味着您的网站与其他网站共享资源。
该服务器上的速度取决于其托管的最差网页。因此,您的网站可能会得到超级优化,但如果它与低质量和低优化的网站共享资源,则会损害您服务器的性能。
并非所有共享服务器都是坏的。最好使用一个可以帮助您充分利用服务器的主机。如果您需要建议,可以咨询我们。
测试
了解您的网站是否优化的一个可靠方法是对其进行测试。无论您是否拥有 WordPress 网站,您都可以使用Google 的速度工具检查您网站的速度。
您还可以使用其他工具来分析网站的性能,例如以下......
Pingdom 工具
GTMetrix
网页测试
然后,您可以将此信息发送给开发人员以启动优化计划。
谷歌页面速度测试1
頁:
[1]