网页打开太慢?

1.优化图片资源的格式和大小

统计数据显示,如果网站在3秒钟之内还没有加载成功,那么大多数用户都会选择关闭。由于图片在Web页面的可下载字节空间中占大多数,所以如果能够成功的对图片进行优化,那么Web页面的下载时间也会大大的减少。

确保图片正确优化的最佳方法之一是采用正确的大小和格式(JPEG、GIF或PNG)。目标是在不牺牲质量的情况下尽可能减少文件的大小,现在Web上有许多工具可以帮助解决这个问题。

2.内容分发网络(CDN)

内容分发网络的价值在于它可以获取网站的静态文件,如CSS文件、图片和JavaScript文件,并通过与用户的物理位置更接近的Web服务器来分发这些文件。较短的距离就代表更快的加载时间。

CDN的一些代表性的例子有AWS CloudFront、Fastly或Cloudflare。CDN的另一个好处是,通过减少带宽,用户还可以降低由于流量而导致的停机时间中断的风险。无论从哪个方面来看,使用CDN带来的都是双赢的结果。

3.浏览器缓存

缓存是一种用于临时存储Web页面以减少带宽和提高性能的机制。当访问者到达站点时,站点会提供一个缓存的版本,除非在最后一次缓存中发生了变化。这节省了服务器的时间,并且使事情变得更快。启用浏览器缓存将使重复访问者更快、更快捷。同一个站点下面的不同页面,往往都会复用一部分资源文件,如果把这些资源文件设置为可缓存的,那么在刷新或者跳转到另一个页面时,都无须再从网络拉取相关资源,这样就大大加快了网页的加载速度。

4.开启网络压缩

Gzip是一个用于文件压缩的软件应用程序,它就像将你的网站放入一个zip文件中。现在大多数服务器和客户机都支持gzip。当一个兼容gzip的浏览器请求某个资源时,服务器可以在将响应发送到浏览器之前压缩响应。这可以显著减少网站上的时间延迟。

5.保持代码轻巧

重要的是尽可能缩小代码的数量,这意味着将HTML、JavaScript和CSS代码库压缩到更少的文件中,以优化它们的运行方式。例如,如果移动站点有5个JavaScript文件,浏览器将会发出5个单独的HTTP请求来获取它们。为了避免阻塞和等待时间,另一种方法是缩小并将这5个文件合并成一个精简的文件。

6.减少重定向请求

有的网站对于不同的终端制作了不同的页面,比如说在手机上访问微博,会从weibo.com重定向至weibo.cn,每一次重定向都会导致浏览器重新发起请求,延长加载时间。对于这种情况,应该尽可能使用响应式设计,一个weibo.com站点覆盖至所有终端。

posted @ 2021-10-30 23:00  Tame-complexity  阅读(118)  评论(0编辑  收藏  举报