首页 » 当您查看网页时

当您查看网页时

暂时把工具放在一边,我在下面重点介绍了一些增加页面加载时间的常见方法。这个列表绝不是详尽无遗的,但这些例子可以帮助您快速获得收益。

1. 改进缓存

浏览器需要下载所有相关文件,无论是图片还是代码。下载后,这些文件将存储在浏览器的缓存中,当您再次访问同一页面时,这些文件将再次被使用。

因此,在缓存方面有一个简单的原则:仅当文 电报数据库 件发生变化或首次访问时才向网站访问者提供文件。在所有其他情况下,您都应该从浏览器的本地缓存中提供文件。

如果您正确设置了缓存标头,这将非常 新加坡数据 有效,并会减少页面加载时间。有关更多信息,请查看(不太)初学者的缓存标头指南

2. 清理你的代码

精简 HTML、CSS 和 JavaScript 代码将对页 记者、律师或营销人员都知道 面加载时间产生积极影响。随着网页越来越依赖冗长的 JS 代码来提供交互性和逻辑,冗长的代码会使您的页面非常滞后。代码清理可以包括以下任何一项:

  • 整理冗长的代码,包括开发人员的长篇评论(但如果需要,请将这些评论保留在您的暂存服务器上)
  • 删除内联 CSS 和 JS 并将其变为外部文件(然后可以缓存)
  • 使用“延迟加载”,即只有当访问者向下滚动页面时浏览器请求图像时才加载图像(以下是一些示例

3.优化您的图片

提高页面性能的最明显方法是改进图像优化方式。我见过太多内容管理网站或博客的例子,它们将大量未压缩的图像上传到页面。如果您要上传 PNG 或 JPG 文件,请使用照片编辑软件对其进行压缩。8 位(而不是 24 位)PNG 通常就足够了;或者如果您使用的是 JPG,请降低 JPG 文件的质量以优化文件大小。我倾向于以 65/100 为目标。

更有趣的方法是使用CSS 精灵,如果一页上有很多图片(这相当于许多可能耗时的 HTTP 请求),这种方法就很有用。使用 CSS 精灵,您可以下载“单个图片”,然后使用 CSS 隐藏和显示该图片的特定部分。很棒吧!

4. 使用无 Cookie 的域名

这个有点技术性,但很酷。这个概念其实很简单:不要从设置 cookies 的域提供静态内容,如图像和样式表。

Cookie 的问题在于,一旦服务器为特定域设置了 Cookie,该域的所有后续 HTTP 请求都必须包含该 Cookie。即使服务器不需要该 Cookie(静态组件通常如此),该 Cookie 也会被发送,这会使我们的请求标头充斥着无用的代码。

例如,您可能已经注意到,Google 从名为 gstatic.com 的域名而不是 google.com 提供图像等资产,因为后者严重依赖 cookie。

因此,如果您要提供大量小文件(例如图像),请考虑设置单独的无 cookie 域并从该域提供这些文件。

5.考虑使用 CDN(内容分发网络)

内容交付网络是加快网站加载时间的最简单方法之一。这个概念相对简单。如果您的网站托管在英国,而美国用户访问该网站,则数据必须传输数千英里才能加载请求的页面及其资源。但如果这些数据在美国镜像,则数据传输距离要短得多,从而提高页面速度。

滚动至顶部