网页打开太慢了怎么办(网站打开慢的解决方法)

技术教程 梅梅 2022-09-18 09:25:53 28次浏览 0个评论 扫描二维码

网页打开太慢了怎么办(网站打开慢的解决方法)(1)

研究表明:打开网页,用户最满意的时间是 2-5 秒,如果用户等待超过 10 秒,99%的用户会关闭这个网页。那么,是什么原因会导致网站打开慢?又有什么办法解决呢?一般来说,http 请求过多、网页过大、服务器性能过差等等都可能导致网站打开慢。这里我们从技术层面来分享一些参考解决方法


1、减少 HTTP 请求数


打开一个网页的时候,后台程序的响应并不所需太多时间,等待的时间主要花费在下载网页元素上了,即 HTML、CSS、JavaScript、Flash、图片等。据统计,每增加一个元素,网页载入的时间就会增加 25-40 毫秒(具体取决于用户的带宽情况)。


所以,想要提高网页打开速度,可以降低 HTTP 请求数,这里提供以下 3 种方法:


(1)例如用 CSS 代码代替一些图片(比如圆角图片),尽可能的减少图片使用。


(2)合并文件,对于文本文件,可以直接合并内容。如将多个 JavaScript 文件合并成一个,将多个 CSS 文件合并成一个。


(3)优化缓存,对于没有变化的网页元素(如页头、页尾等),用户再次访问的时候没有必要重新下载,可以直接从浏览器缓存里读取。


2、样式表放在网页 Head 部分


经过实际测试,把样式表(CSS 文件)移到网页的 Head 部分,可以提高有效页面的加载速度,让页面元素顺序显示。


3、使用 CDN(ContentDeliveryNetwork,内容分发网络)


CDN 由一系列分散到各个不同地理位置上的 Web 服务器组成,它根据和用户在网络上的靠近程度来指定某台服务器响应用户的请求。当你的网站图片很多事,就一样要使用 CDN 了,比如现在的电商网站,几乎都在使用 CDN。很多 CSS 样式框架以及 js 框架都提供了 CDN 服务,比如 bootstrap 等等。


4、压缩网页元素


显然,网页中的元素越小,下载所需的时间就越少。现在比较成熟和流程的压缩网页的方式是通过 Gzip 压缩,一般可以将网页文本内容减少 60%以上。


5、把 JS 文件放到网页底部


网页打开时,所有元素是顺序显示的。但是由于 JS 具有特殊性,相对其他元素而言,会加载的较慢,在 JS 文件下载完成之前,其他后面元素的顺序显示将被阻塞,因此把 JS 文件尽量放在底部,意味着内容能被快速显示。


6、把样式表和 JS 脚本放到外部文件中


虽然我们可以将样式表和 JS 脚本直接写入网页 HTML 中,能够减少外部文件调用数量,但是这样做会增加页面的文件大小。将样式表和 JS 脚本放到外部文件中,用户首次访问时也许会有点慢,但是后续在访问网站时,用户直接通过浏览器缓存就可以用,从而达到减少 HTTP 请求数的目的,为最优的做法。


不思进取 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:网页打开太慢了怎么办(网站打开慢的解决方法)
喜欢 (0)
[]
分享 (0)

您必须 登录 才能发表评论!