检查和优化您的SEO页面大小
今天的互联网速度已经非常快了。根据Statista的数据，平均固定宽带下载速度为 105.15 Mbps，移动为 55.95 Mbps。即便如此，代码膨胀、故障和其他问题可能会导致页面大小成为 SEO 的关键痛点。
您不会相信我们在SEO诊断中遇到的各种页面大小，最大的是 100 MB（我不是在开玩笑）。您可以采取许多步骤来减小页面大小，但首先，您需要确定页面大小。
在本指南中，您将找到了解和检查页面大小所需的一切，然后对其进行优化。
页面大小的一般经验法则
理想情况下，您希望将 HTML DOM 页面大小保持在 100 kb 左右或更小，具体取决于您的细分市场。
在某些细分市场中，页面可能更大；例如，在电子商务中，看到大约 150kb-200kb 的页面并不少见，具体取决于页面上有多少产品图片。
你不想变得太大，因为那样你就会开始对用户体验产生负面影响，并且可能会错过通过良好的用户体验获得排名提升的机会。
但是在不考虑用户体验的情况下削减页面大小可能会导致您的页面不如您的竞争对手有用。平衡是关键。
如果您正在寻找任何检查 HTML 页面大小的工具，以下SEO工具是一个不错的选择。
影响页面大小的问题
CSS & JS
当您包含默认 CSS 和 JS 时，您希望确保您也在优化此代码以进行页面加载。这意味着确保这些文件都被适当地缩小，并确保您不包含大量代码膨胀。
“代码膨胀”意味着不必要的代码会显着增加页面大小，从而影响页面速度。
有不同的方法来完成同样的事情。您希望避免那些通过在 CSS 和 JS 方面过度编码而导致问题的问题。
除了优化编码思维，CSS 和 JS 文件还需要缩小过程。缩小过程会删除不需要存在的额外空格和其他随机代码工件。
重要的是要注意缩小不会改变您的实际编码——只是编码工件。为了在服务器端实现最终的 CSS 和 JS 代码优化，仍然需要你的头脑和开发能力。
HTML DOM
较大的 DOM 树大小是页面速度问题的重要原因，并且会极大地减慢速度。
这会影响网络效率、加载性能、内存性能和运行时性能等因素，所有这些都会显着影响您的整体页面加载和 Core Web Vitals 用户体验。
您的开发过程应该包括某种资源分配，以优化 DOM 树的大小。
图片
大图像会对您的页面大小产生负面影响，尤其是当它们影响用户满意度时。
如果用户必须等待 5 分钟才能加载 15 MB 的图像，那么您已经丢失了这些用户。
这就是为什么在压缩图像时考虑物理像素大小和图像尺寸很重要的原因。
检查页面大小的工具
有许多工具可用于检查页面大小。我们喜欢的两个是：
谷歌的Page Speed Insights 。
尖叫的青蛙 SEO 蜘蛛。
谷歌的Page Speed Insights
Google的Page Speed Insights 是一个关键工具，用于识别可能会减慢加载速度的页面大小问题。
Screaming Frog SEO Spider
您还可以使用 Screaming Frog SEO Spider 来检查您的页面大小，以对您的网站进行抓取。
抓取完成后，请按照以下步骤检查页面大小：
1. 单击左上角的下拉菜单。
2. 选择HTML。这只会显示在您的网站上抓取的 HTML 页面。
3. 接下来，向右滚动直到看到页面大小数字。
这是您可以使用 Screaming Frog SEO Spider 检查页面大小的方法。
为什么检查页面大小如此重要？
页面大小是 SEO 中的一个关键考虑因素，因为它会显着影响您的整体页面速度，从而影响搜索排名和性能。
页面加载速度
加快网站速度很重要——不仅对网站所有者，而且对所有互联网用户。更快的网站会创造快乐的用户，当网站响应缓慢时，访问者在那里停留的时间就会减少。但是更快的网站不仅可以改善用户体验；最近的数据表明，提高网站速度也降低了运营成本。
搜索用户非常看重速度——这就是我们决定在搜索排名中考虑网站速度的原因。我们使用各种来源来确定一个网站相对于其他网站的速度。
近70%的消费者承认页面速度会影响他们购物的意愿，一半的消费者表示他们愿意放弃动画和视频以加快加载速度。
据谷歌称，随着页面加载时间从 1 秒缩短到 10 秒，移动网站访问者跳出的概率会增加123%。
加快页面速度很重要——不仅对用户体验而言，而且对您在搜索引擎中的排名也很重要。
它可以帮助降低 Web 托管成本
根据您的互联网托管服务提供商及其托管计划，您最终可能会以较小的页面文件大小节省托管成本。
较小的页面大小转化为较低的带宽（文件传输）使用，这可以降低托管成本 - 特别是在大型站点上。
优化页面大小的最佳方法
请注意以下最佳方法，以在您的网站上实现最佳页面大小优化：
优化这些图像
创建最好、最优化的图像需要确保您从清单中勾选以下项目：
物理像素大小。
整体图像大小。
保持图像质量。
物理像素大小是指图像的像素密度。如果图像像素密度保持不变，您的图像是否从 1600 x 1600 缩小到 500 x 500 并不重要。
如果您开始使用，您仍然会获得文件大小为 1 MB 的图像。
为了确保考虑到这两个因素的适当优化，请确保您使用 Adobe Photoshop 等工具或 Smush Pro 等付费版本的工具来利用无损图像压缩。
目前，Adobe Photoshop 是图像压缩的黄金标准。这将帮助您定位所有三个因素，并使您的图像在压缩过程结束时仍然清晰可见。
您还必须考虑比它们的前辈更好的更快的图像格式，例如WebP over png。
您可以使用多种服务来优化图像，包括 ShortPixel.com 和 TinyPNG.com。
不要不必要地使用自定义字体
很有可能，有一种替代的网络安全字体可以很容易地匹配您想要使用的字体。
如果没有，请务必考虑从第三方资源添加的任何其他字体将需要更多时间来下载。
使用宋体或微软雅虎等网络安全字体都是不错的选择，您可以消除所选自定义字体出现问题的可能性。
它也更加跨平台和跨浏览器友好，这意味着您的网站将在尽可能多的浏览器和设备上显示而不会看起来很糟糕。
缩小你的 HTML 和 CSS
在减小页面大小时，缩小 HTML 和 CSS 文件的过程可以提供显着的好处。
当您缩小 HTML 和 CSS 时，您可以去除代码中不需要的和不必要的间距，从而缩小页面的文件大小。
对所有页面进行缩小处理是有意义的，特别是如果您知道您的页面都充斥着不必要的代码。
您可以使用多种工具来缩小 HTML 和 CSS 文件，包括：
优化您的页面大小是众多中的第一步
您的页面大小可以决定您网站的性能。
不要因为不必要的字体、过大的图像和不必要的插件而使用户负担过重。
所有这些做法都可能导致页面加载缓慢，这会让您的用户感到沮丧，并可能导致他们放弃您的页面。
