当前位置:首页 » 好文分享 » 详情

网页打开太慢?快试试这6招

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站点覆盖至所有终端。
打赏
X
打赏方式:
  • 支付宝
  • 微信
  • QQ红包

打开支付宝扫一扫
日期:2018年02月09日 12:12:21 星期五   分类:好文分享   浏览(32469)
本文地址:https://www.blogs.hk/post-3528.html   [百度已收录]
声明:本页信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!

留言咨询

自动获取QQ

昵称

邮箱

网址

      Copyright © 2024 博客之家 版权所有  
      關於本站免責聲明sitemap新站登錄