提高网站性能的策略(一个大三学生原创)
来源:互联网 发布:简单编程教程 编辑:程序博客网 时间:2024/05/22 07:55
关于提升网站的性能,Yahoo的工程师们出过一个《前端开发35条军规》,其中已经讲的很明晰了。在此,我只针对我们在实践中常用到并且切实有效的方案整理、分享给大家。
1、 采用cdn加速服务,对于一些常用到的类库,如jquery等,没必要再在自己的服务器中放一份了,可以直接连接到大公司提供的免费cdn服务器上。很不幸的是,多数书中所推荐的google cdn服务在国内都是不能访问的,大家可以用bootcss.com所提供的cdn加速服务。
2、 将javascript代码放置在网页的最后,好多新手们都会疑问:为什么要将JS代码放置在网页最后呢?这要从浏览器渲染网页的过程来说起了。浏览器自上而下渲染网页,遇见CSS就加载CSS,遇见图片就加载图片,这些都是并行或者说是异步的。但,注意啦,当浏览器遇见JS代码时,就会停止渲染网页,直到JS代码加载完成并执行完毕。因为JS有可能改变DOM结构。所以最好将JS代码放置在页面尾部,不然就会出现网页渲染到一半卡住的现象,这样对用户体验是极其糟糕的。
3、 使用CSSsprites(即CSS精灵),对于一些小图片,没必要一个一个的向服务器请求,可以将它们们拼接成一张图片,在使用时控制图片上下尺寸即可。
4、 减少DOM操作,因为DOM操作是极其消耗内存的。有效提升DOM操作的方法之一是:先让所要操作的内容脱离文档流,对其操作完毕后,再将其放回到文档流中去。
5、 使用压缩工具,压缩html、css、js代码,文件小了,加载速度自然就快了。
6、 服务器向浏览器传输组件之前,先将文档进行gzip压缩。
7、 对传输的文档设置过期头,将控件缓存,减少http请求次数。
- 提高网站性能的策略(一个大三学生原创)
- 一个大三学生的无奈
- 一个大三计算机系学生的“告白”
- 我的求职简历(大三学生)
- 大三的学生
- 大三学生的几个问题
- 作为一个电子类的大三学生的嵌入式职业规划
- 一个大三的物联网专业学生的想法法
- 一个大三学生学习编程三年的真实感受
- 一个大三学生的忙碌生活。求围观。。。
- 一个大三学生的学习生活之感
- 网站建设:提高网站访问量的策略
- 网站建设:提高网站访问量的策略
- 网站建设:提高网站访问量的策略
- [老虎原创]提高ASP.NET的性能
- 大三学生未来的蓝图
- 提高网站性能的建议
- 提高网站性能的方法
- 计算机经典书籍
- java计算100!通过数组实现
- 自定义headerview代码与其知识点总结
- UVA - 1610 Party Games 贪心
- Oracle10g下载地址--多平台下的32位和64位
- 提高网站性能的策略(一个大三学生原创)
- TCP连接的开启和终止
- ios 代码细节问题
- Linux设备驱动概论
- 自写atoi----字符串转化为整形
- 机器人软件开发平台
- GMM聚类算法的实现
- 笔记本电脑(没有num按键)如何关闭数字小键盘
- 用C#简单的实现双色球抽奖