美文网首页
Web 性能优化的常用手段

Web 性能优化的常用手段

作者: 成成成汤 | 来源:发表于2019-07-15 17:24 被阅读0次

1.使用CDN

使用内容分发网络(CDN):把网站内容分散到多个、处于不同地域位置的服务器上可以加快下载速度。

2.使用 Cache-Control

通过响应头,设置缓存max-age,在缓存期内不发送请求。

3.使用Etag

服务器给浏览器发送Etag数据,再次浏览时浏览器将提交这些数据到服务器,验证本地版本是否最新的,如果为最新的则服务器返回304代码,告诉浏览器直接使用本地版本,否则下载新版本。

4.使用 Gzip

传输之前,先使用GZIP压缩再传输给客户端,客户端接收之后由浏览器解压,这样虽然稍微占用了一些服务器和客户端的CPU,但是换来的是更高的带宽利用率。

5.合并文件(CSS、JS、图片)

浏览器从同一个域名同时下载文件数量有限制(4或8个),因此应尽量将同类文件合并。

6.调整 CSS 和 JS 的位置

CSS可能会阻止渲染(chrome会等CSS解析完毕再渲染页面),CSS应放在头部。JS会阻止浏览器渲染,应放在body的最后。

7.压缩图片

优化图片大小、通过CSS Sprites优化图片、不要在HTML中使用缩放图片、favicon.ico要小而且可缓存

8.增加域名以并行下载资源

由于浏览器从同一个域名同时下载文件数量有限制(4或8个),当服务器提供的内容文件数量很多时,应增加域名以加快下载。

相关文章

  • Web 性能优化的常用手段

    ............................................................

  • Web 性能优化的常用手段

    使用CDN 使用内容分发网络(CDN):把网站内容分散到多个、处于不同地域位置的服务器上可以加快下载速度。 使用 ...

  • Web 性能优化的常用手段

    1.使用CDN 使用内容分发网络(CDN):把网站内容分散到多个、处于不同地域位置的服务器上可以加快下载速度。 2...

  • Web 性能优化的常用手段

    web性能优化这个问题可以从输入网址到页面渲染的过程来讲。分析问题的套路:分治法,把大的问题分成小的问题去逐个解决...

  • Web 性能优化的常用手段

    使用CDN使用内容分发网络(CDN):把网站内容分散到多个、处于不同地域位置的服务器上可以加快下载速度。 使用 C...

  • Web中的性能优化

    Web性能优化的常用手段 因为最近在学习前段的过程中,接触到了对应的前端web性能等相关领域的知识,为了更全面的了...

  • web常用性能优化

    1. 浏览器对同一个协议+域名组合都有并发请求数的限制, 大概8个左右, 可以申请多个域名增加并发请求数 2. 跨...

  • 彻底弄懂HTTP缓存机制及原理

    转载地址 前言 Http 缓存机制作为 web 性能优化的重要手段,对于从事 Web 开发的同学们来说,应该是知识...

  • 浏览器缓存机制小结

    原文地址:justrockit.top web性能优化措施中,合理设置浏览器缓存是重要的优化手段之一,它可以加快页...

  • JVM(五)深入了解性能优化

    影响系统性能的方方面面响应时间并发数吞吐量关系 常用的性能优化手段避免过早优化进行系统性能测试寻找系统瓶颈,分而治...

网友评论

      本文标题:Web 性能优化的常用手段

      本文链接:https://www.haomeiwen.com/subject/odcokctx.html