美文网首页
性能优化之《高性能网站建设指南》

性能优化之《高性能网站建设指南》

作者: monvhh | 来源:发表于2018-11-11 22:47 被阅读0次

此书不建议购买,一、比较老了,现在的浏览器有自己的优化策略,与以往不同;二、如今已经流行的技术当时可能还没有。

总结一下,可能加了些我自己的YY……

减少HTTP请求

合并资源

1.Css sprites
2.合并js和css

内联外部资源

1.内联图片:base64
2.内联css和js:现在的前端mv*框架基本都是这样做的

缓存机制

1.ServiceWorker:新技术
2.HTTP的header:expire、max-age、etag

更快的HTTP

CDN

减少DNS查找

1.浏览器的DNS缓存
2.操作系统的DNS缓存?
3.DNS解析服务器缓存
4.网站上的请求使用少量的域:有个副作用,浏览器对同域的资源并行下载的数量
5.keep-alive:现在http1.1默认都是keep-alive

避免重定向

1.通过HTTP代理解决,比如apache、nginx,直接指向应该返回的地址
2.代码位于同一个物理机上,直接通过调用真正该执行的代码:现在都有SLB、docker这种东西,所以根本不可能
3.通过CNAME(一条DNS记录)使两个域指向同一台服务器,HTTP代理也可以解决

减少资源大小

1.gzip:耗费CPU
2.js、css压缩、混淆

减少白屏时间

1.css放在顶部
2.js放在底部
3.js并行下载
4.js懒加载:onload之后
5.js异步加载:defer、async

相关文章

  • 前端工程系列(二)

    前端工程与性能优化 首先,我们把雅虎14条优化原则,《高性能网站建设指南》以及《高性能网站建设进阶指南》中提到的优...

  • 技术书刊

    Javascript# ########《JavaScript设计模式》《高性能网站建设指南》《高性能网站建设进阶...

  • 编写高性能可维护的css代码

    本文主要参考MDN|编写高效的CSS、译文编写高性能高质量的CSS代码、《高性能网站建设指南》、谷歌|优化性能、《...

  • 前端性能和优化

    简介 关于前端性能和优化我们有雅虎14条性能优化原则,还有两本很经典的性能优化指导书:《高性能网站建设指南》、《高...

  • 性能优化之《高性能网站建设指南》

    此书不建议购买,一、比较老了,现在的浏览器有自己的优化策略,与以往不同;二、如今已经流行的技术当时可能还没有。 总...

  • 网站优化之——高性能网站建设指南

    不考虑带宽大小,不考虑服务器性能如何,如何保证网站从服务器到用户浏览器这个过程是最快的,打开一个网站之前的用户体验...

  • Web16.JavaScript相关概念

    参考 1.高性能网站建设指南2.https://developers.google.com/web/fundame...

  • 高性能网站建设指南

  • 高性能网站建设指南

    本书是Oreilly旗下的关于Web开发相关的技术类的书籍 其中的详情可以在这里看到:高性能网站建设指南 其中本书...

  • 高性能网站建设12原则(上)

    Steve Sounders在《高性能网站建设指南》一书中,提出了12条原则指南。 尽量减少HTTP请求 使用CD...

网友评论

      本文标题:性能优化之《高性能网站建设指南》

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