WEB页面常用优化方法
原创
©著作权归作者所有:来自51CTO博客作者zhenjunwei的原创作品,请联系作者获取转载授权,否则将追究法律责任
1.使用Gzip压缩技术
Gzip是在服务器端压缩图片,css,脚本等,传送到用户端的浏览器再解压,这样可以提高传输速度,不过对服务器的压力会增大,一般选择部分元素压缩比较合适。
2. 减少http请求数
图片,css,script,flash,等等这些都会增加http请求数,减少这些元素的数量能减少响应时间。采用合并脚本文件、避免重定向、缓存Ajax请求等方法降低请求数。作为大型网站来说,首页使用内联式样式表,这样可以减少http请求数的同时,也可以防止裸奔。当然其他页面需要使用外联样式表,这样才可以方便维护。因为作为大型网站来说,他的首页访问量是非常的大的,所以…
3.把样式表放到顶部
我们发现把css放到文档头部会让网页加载得更快。因为这样可以让页面逐渐加载。把样式表放到接近底部的问题是它阻止了页面元素的逐渐显示。这样还会导致在样式表加载之前页面内容是以没有样式的形式显示出来的,待加载完样式后,页面重绘,内容一闪即改变了样式表现。
4. 减小脚本体积
5. 背景图片数量及大小、格式的优化
内容图片的大小的优化。JPG格式用于展示风景、人物、艺术照的摄影作品使用;GIF格式提供的颜色较少,可用在一些对颜色要求不高的地方,比如网站logo、按钮、表情等。GIF格式一个重要的应用是动画图片;PNG格式能提供透明背景,是一种专为网页展示而发明的图片格式。一般用于需要背景透明显示或对图像质量要求较高的网页上。
6. 网址后加斜杠
既能节省了加载时间、又能避免基准 URL不同而产生的问题。
7. 标明图片、表格等元素的高度和宽度
如果浏览器没有找到这两个参数,它需要一边下载图片一边计算大小,如果图片很多,浏览器需要不断地调整页面。这不但影响速度,也影响浏览体验。
上一篇:打开 Google docs 链接不被重置最有效的方法
下一篇:什么是web
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
web性能优化 页面性能优化小结
总览HTML缩减资源的大小缩减首屏内容的大小启用压缩功能按视口调整内容尺寸压缩
性能优化 web前端 缓存 html css -
Spark常用优化方法
一、前言1.为什么要优化?因为你的资源理,可能会导致没有充分利用集群资源...
spark 数据 序列化 -
web移动端页面性能优化方案
众所周知,在互联网行业里,移动端占有的比例越来越高了,尤其实在电商领域,用户
html5 性能优化 加载 css -
网络性能优化常用方法
1.减少页面请求 按需加载 合并压缩文件 将小图标合并成雪碧图 字
选择器 CSS css -
常用的网站优化方法
架构的调整硬件的优化应用程序的优化程序的优化
网站 优化方法 常用
















