Web网站性能优化
来源:互联网 发布:importnew java 编辑:程序博客网 时间:2024/05/16 21:06
来源: 网站优化 14条–雅虎十四条优化原则
YaHoo Web优化的14条法则
前端工程与性能优化
1. 尽可能地减少HTTP的请求 content2. 使用CDN server3. 添加Experes/cache-control头 server4. Gzip组件 server5. 将CSS样式放在页面的上方 CSS6. 将脚本移动到底部 Javascript7. 避免使用CSS的Expressions CSS8. 将JS和CSS独立成外部文件 JS/CSS9. 减少DNS查询 content10. 压缩JS和CSS(包括内联的) JS/CSS11. 避免重定向 server12. 移除重复的脚本 JS13. 配置实体标签(ETags) CSS14. 使AJAX缓存 JS
在firefox下有一个插件yslow,集成在firebug中,你可以用它很方便地来看看自己的网站在这几个方面的表现。
1. 尽可能地减少HTTP的请求
- 合并css,js
- 背景图片css sprites
首页css和js直接写在页面文件里面,而不是外部引用。因为首页的访问量太大了,这么做可以减少两个请求书。国内很多门户都是这么做的。
减少HTTP请求次数是性能优化的起点。这最提高首次访问的效率起到很重要的作用。40-60%的日常访问是首次访问,因此为首次访问者加快页面访问速度是用户体验的关键。
将首页的几十个小图标合并为一个,通过CSS控制它们的显示,减少了HTTP请求数。
5. 将CSS样式放在页面的上方
浏览器在CSS完全加载完毕之后再去渲染
8. 将JS和CSS独立成外部文件
把css和js写在页面内容可以减少2次请求,但也增 大了页面的大小。如果已经对css和js做了缓存,那也就没有2次多余的http请求了。当然,我在前面中也说过,有些特殊的页面开发人员还是会选择内联 的css和js文件。有些特殊的页面开发人员还是会选择内联样式。
9. 减少DNS查询
在域名和ip地址之间的转换工作称为域名解析,也称DNS查询。
一次DNS的解析过程会消耗20-120毫秒的 时间,在dns查询结束之前,浏览器不会下载该域名下的任何东西。所以减少dns查询的时间可以加快页面的加载速度。yahoo的建议一个页面所包含的域 名数尽量控制在2-4个。
10. 压缩JS和CSS
压缩js和css的左右很显然,减少页面字节数。容量小页面加载速度自然也就快。
12. 移除重复的脚本
避免重复的代码,开发可重用代码
二、个人总结
html
减少冗余标签、
css
- 压缩,减少字节数
- 合并文件、图片,减少首页HTTP请求
- 优化:减少嵌套层,减少CSS表达式计算
Javascript
- 压缩
- 组件化,减少冗余代码
0 0
- Web网站性能优化
- 如何优化Web网站性能?
- web网站性能优化小结
- 高性能web网站优化项目
- web.config优化网站性能设置
- web.config优化网站性能设置
- web.config优化网站性能设置
- web.config优化网站性能设置
- web网站的性能优化方法
- web.config优化网站性能设置
- web网站的性能优化方法
- Web网站性能优化的相关技术
- 从Web前端优化网站性能
- web性能优化 高性能网站建设指南
- web性能优化 高性能网站建设进阶指南
- 网站的高性能架构-WEB前端性能优化
- 开发者应该了解的 web 性能 and Web性能优化教程:如何对网站图片优化?
- Yahoo!改善网站Web性能优化的经验方法
- Selenium之下拉框的选择
- 基本算法——冒泡法
- 游览器加载渲染网页过程分析
- MySQL服务器创建线程
- 深度学习开源库tiny-dnn的使用(MNIST)
- Web网站性能优化
- C# MD5 实现加密
- java 将字符串中多个空格替换成一个空格
- 华为推出提供丰富开放接口API的新方案
- kali msf更新
- Shell(二):变量、数据重定向和管道
- 使用pip遇到错误ImportError: No module named packaging.version的解决方法
- Enum的使用
- ios开发指纹解锁