优化你的CSS 和 压缩您的图像

[himuhumaira]

CSS 文件是渲染阻塞资源。必须先加载并处理资源，然后服务器才能显示整个页面。

但是，您可以通过手动删除未使用的代码、最小化正在使用的 CSS 文件或使用媒体查询优化 CSS 背景图像来优化 CSS 文件。

这听起来很复杂，但是有大量关于以用户为中心的速度指 泰国电报电话号码列表 标的资源和教程可以为您提供帮助！

2. 优化图像
优化图像时可以采取一些步骤。主要有以下几个：

将您的图像转换为更有效的格式
使用视频而不是 GIF（加载时间更短）
确保您的图像尺寸正确
始终值得思考：我真的需要这张图片吗？它会向我的页面添加任何内容吗？如果答案是否定的，那么最好摆脱它。

3. 优化您的 WebFonts
字体通常存在于大文件中。因此，在加载字体文件之前，不常见字体的文本内容不会出现在页面上。

用户将需要更长的时间才能查看网页上的重要信息！这不好。

为了避免这种情况，我们建议优化您的 WebFonts。通过减小 WebFont 的大小、使用字体显示或更新页面样式以使用自定义字体，页面加载速度应该更快。

4. 优化你的 JavaScript
编写 JavaScript，获取所需的所有信息，然后就可以开始了，对吗？

不完全是。如果您的 JavaScript 已经关闭了一段时间，可能值得检查它，因为它可能会降低您的页面加载速度。

您可以采取一些措施来优化 JavaScript（考虑到最新的 LCP 指标），包括：

删除未使用的代码
检查您的代码是否是最新的并且与现代浏览器兼容
安装现代 JavaScript 并通过代码分割减少有效负载
发现您的 PCL
那么如何知道您的 PCL 是什么？

检查 LCP 性能的一个良好起点是使用 Google 提供的工具：Google Search Console、Google Page Insights 和 Lighthouse。

您会在 Google Search Console 的左侧导航栏中找到基本网络信号的标签。进入此选项卡后，您将看到 URL 的概述。从那里，很容易看出问题可能出在哪里，以及可以进行哪些更改来解决这些问题。