![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web性能提升
Anne的前端之路
这个作者很懒,什么都没留下…
展开
-
高性能网站建设一:提高网页速度的10条规则
以下内容来自于《高性能网站建设指南》一书,书中写了14条规则,有些规则被我合并了,有些在目前来看已经不适用了,最后总结出这10条规则,之后会继续写《高性能网站建设进阶指南》 1、减少HTTP请求 CSS Sprites:图片精灵,将多张图片合并成一张图片,使用background-position来进行定位显示图片 内联图片,通过使用data:URL的模式可以在Web页面中包含图片但无需任何...原创 2019-07-15 23:11:13 · 165 阅读 · 0 评论 -
高性能网站建设进阶
1、把耗时长的复杂运算交给其他线程:web worker 当用户和浏览器交互时,操作系统接收到和计算机连接的各种设备,如键盘或鼠标的输入,在判断哪个应用应该接收这些输入之后,将他们打包成单独事件并放置到该应用的事件队列中。浏览器按照队列顺序完成其队列中单独事件的处理,它按照先进先出的顺序把他们从队列中取出,然后决定如何处理这个事件。 浏览器的处理过程是单线程的,因此它每次只能处理这些任务中的一...原创 2019-07-17 22:14:22 · 133 阅读 · 0 评论 -
合理利用缓存,创建高性能网站
1、缓存的分类 客户端缓存分为强缓存和协商缓存,它们之间最重要的区别是强缓存不会发起网络请求,而协商缓存会发起网络请求 强缓存:如果强缓存命中,则浏览器从自身的缓存中获取资源,不会发起请求到服务端。从网络请求中可以看到size列为memory cache或者disk cache。 强缓存可以通过HTTP头部的Expires和Cache-Control字段来控制。 Expires是浏览器返回的...原创 2019-07-23 11:05:53 · 117 阅读 · 0 评论