Web性能优化

从你敲回车到页面出现,在中间都发生了什么?

1.输入网址 xxx.com

  1. 找IP (DNS)[DNS会缓存,大概两个小时]
    3.建立TCP链接, (三次握手)
    4.发送HTTP请求
    5.等待服务器的响应
    6.得到响应的第一个字节
    7.下载直到最后一个字节
    8.解析HTML
    9.渲染

减少域名查找
减少cookie
增加域名
文件分开

chrome的audits功能

这可功能可以测试, 并给出推荐

CDN(Content Distribution Network) [内容分发网络]

代码优化

1.懒加载
2.预加载
3.动态加载

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

  • 从网络通信角度谈web性能优化
    博客原文地址：Claiyre的个人博客 https://claiyre.github.io/博客园地址：http:...
    Claiyre阅读 3,856评论 0赞 3
  • web性能优化前端篇
    最近在写一个智慧教室行为管理网站，网站已经完工，老师见我没事儿干了，让我尝试如何在前端实现性能优化，以前也模糊知道...
    DecadeHeart阅读 6,102评论 0赞 2
  • 专题复习九、web性能优化
    写于2017.08.07web优化是个工程性的问题，因为有些优化策略本身是相互矛盾的，所以工作中优化策略的选择必须...
    田田kyle阅读 1,517评论 0赞 0
  • Web性能优化笔记
    性能优化这个问题小公司要求不高，大公司不需要教，因为有工具保证。 回答这题的思路要从另一道面试题：从敲回车开始到页...
    chiang24阅读 2,967评论 0赞 0
  • 常见的web性能优化方法
    前端是庞大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优...
    build1024阅读 4,330评论 0赞 2

友情链接更多精彩内容