检查和优化你的网站优化页面大小

今天的网络速度已经飞快了。依据Statista的数据，平均固定宽带下载速度为 105.15 Mbps，移动为 55.95 Mbps。即使这样，代码膨胀、问题和其他问题或许会致使页面大小成为 网站优化 的重点痛点。

你不会相信大家在SEO网站诊断中遇见的各种页面大小，最大的是 100 MB（我不是在开玩笑）。你可以采取很多步骤来减小页面大小，但第一，你需要确定页面大小。

在本指南中，你将找到知道和检查页面大小所需的所有，然后对其进行优化。

页面大小的一般经验法则

理想状况下，你期望将 HTML DOM 页面大小维持在 100 kb 左右或更小，具体取决于你的细分市场。

在某些细分市场中，页面可能更大；比如，在电商中，看到大约 150kb-200kb 的页面并不少见，具体取决于页面上有多少商品图片。

你不想变得太大，由于那样你就会开始对客户体验产生负面影响，并且或许会错过通过好的客户体验获得排名提高的机会。

但在不考虑客户体验的状况下削减页面大小或许会致使你的页面不如你的角逐对手有用。平衡是重点。

假如你正在探寻任何检查 HTML 页面大小的工具，以下网站优化软件是一个很好的选择。

影响页面大小的问题

CSS & JS

当你包括默认 CSS 和 JS 时，你期望确保你也在优化此代码以进行页面加载。这意味着确保这类文件都被适合地缩小，并确保你不包括很多代码膨胀。

“代码膨胀”意味着非必须的代码会显着增加页面大小，从而影响页面速度。

有不一样的办法来完成同样的事情。你期望防止那些通过在 CSS 和 JS 方面过度编码而致使问题的问题。

除去优化编码思维，CSS 和 JS 文件还需要缩小过程。缩小过程会删除无需存在的额外空格和其他随机代码工件。

要紧的是应该注意缩小不会改变你的实质编码——只不过编码工件。为了在服务器端达成最后的 CSS 和 JS 代码优化，仍然需要你的头脑和开发能力。

HTML DOM

较大的 DOM 树大小是页面速度问题的主要原因，并且会很大地减慢速度。

这会干扰互联网效率、加载性能、内存性能和运行时性能等原因，所有这类都会显着影响你的整体页面加载和 Core Web Vitals 客户体验。

你的开发过程应该包含某种资源分配，以优化 DOM 树的大小。

图片

大图像会对你的页面大小产生负面影响，特别是当它们影响用户认可度时。

假如用户需要等待 5 分钟才能加载 15 MB 的图像，那样你已经丢失了这类用户。

这就是为何在压缩图像时考虑物理像素大小和图像尺寸非常重要是什么原因。

检查页面大小的工具

有很多工具可用于检查页面大小。大家喜欢的两个是：

• Google的Page Speed Insights 。

• 尖叫的青蛙 网站优化 蜘蛛。

Google的Page Speed Insights

谷歌的Page Speed Insights 是一个重点工具，用于辨别或许会减慢加载速度的页面大小问题。

Screaming Frog 网站优化 Spider

你还可以用 Screaming Frog 网站优化 Spider 来检查你的页面大小，以对你的网站进行抓取。

抓取完成后，请根据以下步骤检查页面大小：

1. 单击左上角的下拉菜单。

2. 选择HTML。这只能显示在你的网站上抓取的 HTML 页面。

3. 下面，向右滚动直到看到页面大小数字。

这是你可以用 Screaming Frog 网站优化 Spider 检查页面大小的办法。

为何检查页面大小这样要紧？

页面大小是 网站优化 中的一个重点考虑原因，由于它会显着影响你的整体页面速度，从而影响关键词排名和性能。

页面加载速度

加快网站速度非常重要——不只对网站所有者，而且对所有网络用户。更快的网站会创造开心的用户，当网站响应缓慢时，访问者在那里停留的时间就会降低。但更快的网站不仅能够改变客户体验；近期的数据表明，提升网站速度也减少了运营本钱。

搜索用户很重视速度——这就是大家决定在关键词排名中考虑网站速度是什么原因。大家用各种来源来确定一个网站相对于其他网站的速度。

近70%的买家承认页面速度会干扰他们购物的意愿，一半的买家表示他们想舍弃动画和视频以加快加载速度。

据Google称，伴随页面加载时间从 1 秒缩短到 10 秒，移动网站访问者跳出的概率会增加123%。

加快页面速度非常重要——不只对客户体验而言，而且对你在搜索引擎中的排名也非常重要。

它可以帮助减少 Web 推广托管本钱

依据你的网络推广托管服务提供商及其推广托管计划，你最后或许会以较小的页面文件大小节省推广托管本钱。

较小的页面大小转化为较低的带宽（文件传输）用，这可以减少推广托管本钱 - 尤其是在大型站点上。

优化页面大小的最好办法

请注意以下最好办法，以在你的网站上达成最好页面大小优化：

优化这类图像

创建最好、最佳化的图像需要确保你从清单中勾选以下项目：

• 物理像素大小。

• 整体图像大小。

• 维持图像水平。

物理像素大小是指图像的像素密度。假如图像像素密度维持不变，你的图像是不是从 1600 x 1600 缩小到 500 x 500 并无关紧要。

假如你开始用，你仍然会获得文件大小为 1 MB 的图像。

为了确保考虑到这两个原因的适合优化，请确保你用 Adobe Photoshop 等工具或 Smush Pro 等付费版本的工具来借助无损图像压缩。

现在，Adobe Photoshop 是图像压缩的黄金标准。这将帮助你定位所有三个原因，并使你的图像在压缩过程结束时仍然明确可见。

你还需要考虑比它们的前辈更好的更快的图像格式，比如WebPover png。

你可以用多种服务来优化图像，包含 ShortPixel.com 和 TinyPNG.com。

不要非必要地用自概念字体

大概，有一种替代的互联网安全字体可以比较容易地匹配你想要用的字体。

假如没，请务必考虑从第三方资源添加的任何其他字体将需要更多时间来下载。

用宋体或Microsoft雅虎等互联网安全字体都是很好的选择，你可以消除所选自概念字体出现问题的可能性。

它也愈加跨平台和跨浏览器友好，这意味着你的网站将在尽量多的浏览器和设施上显示而不会看着非常糟糕。

缩小你的 HTML 和 CSS

在减小页面大小时，缩小 HTML 和 CSS 文件的过程可以提供显着有哪些好处。

当你缩小 HTML 和 CSS 时，你可以去除代码中无需的和非必须的间距，从而缩小页面的文件大小。

对所有页面进行缩小处置是有意义的，尤其是假如你了解你的页面都充斥着非必须的代码。

你可以用多种工具来缩小 HTML 和 CSS 文件，包含：

• Javascript Minifier

• unused-CSS

优化你的页面大小是海量中的第一步

你的页面大小可以决定你网站的性能。

不要由于非必须的字体、过大的图像和非必须的插件而用户负担过重。

所有这类做法都可能致使页面加载缓慢，这会让你的用户感到沮丧，并可能致使他们舍弃你的页面。