网页打开太慢？快试试这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站点覆盖至所有终端。