网络知识点——网页的优化

①减少HTTP的请求数量

原因：浏览器每次与服务器建立连接，都需要经过三次握手，花费大量时间

（1）CSS精灵，将多张照片合为一张

（2）合并CSS和JS文件，一些打包工具如webpack可以做到，在项目发布前合并文件

（3）懒加载，一些资源可以到后面用户操作真正需要的时候再进行加载

②控制资源文件加载的优先级

CSS文件在头部，JS文件在底部

③利用浏览器的缓存

将网络资源存储在本地，下次请求资源时，若本地资源还未过期，则不需要再次向服务器发送请求

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

相关阅读更多精彩内容

  • h5常见的面试题
    第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HT...
    kismetajun阅读 29,116评论 1赞 45
  • Gulp和Webpack的差异
    在现在的前端开发中，前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 5,724评论 1赞 32
  • webpack介绍、配置、使用
    版权声明：本文为博主原创文章，未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 11,592评论 0赞 21
  • 知识点总结
    响应式布局的理解 响应式开发目的是一套代码可以在多种终端运行,适应不同屏幕的大小,其原理是运用媒体查询,在不同屏幕...
    懒猫_6500阅读 879评论 0赞 0
  • 网站性能优化你需知道的东西
    本文提到的网站性能指网站的响应速度，这也符合绝大部分人对于网站性能的理解：访问快速的网站性能好，反之，访问速度越慢...
    qhaobaba阅读 658评论 0赞 0

友情链接更多精彩内容