网页优化个人总结

一、网页优化 是指通过改造页面内容,来最大限度的提升显示速度。快速显示是网站成功的关键。
加快网页速度有以下10种方法:
1、尽量减少http请求。
2、调整图片大小并优化
3、优化多媒体。
4、将javascript转化为css
5、使用服务器端探测。
6、优化javascript.获得更快的执行速度。和更小的文件体积。
7、把表布局转化成css布局。
8、用css规则替代内联样式。
9、最小化初始显示时间
10、理智的加载javascrip文件。


二、网页常见问题:
(1)忌用过多的对象。
(2)简化表格
(3)优化过大的图片
(4)多媒体的增长
三、如何优化你的网页速度?
要优化你的网页速度,就要先去掉所有的内联样式。减少标记html结构变得更加简单。
把css文件放在头部,而把lavascript文件放在主体代码的末尾。通过合并文件,用css文本代替图形文本尽可能的减少http请求。使用css间距,css精灵,图像映射和背景颜色减少请求数。剩下的图片和多媒体都调整到用户能够接受的最低质量和帧率。缓存持久对象。并加他们分发到不同的服务器上以最小化响应时间。最后通过HTTP压缩平均可以减少XHTML,CSS,和Javascipt文件大小达75%.
转换成语义标记。为后代选择器使用容器单元

四、优化网页速度的10大步骤

步骤一尽量减少HTTP请求。
   网页中的每一对象都需要一个HTTP请求和相应。每个对象都会引入不确定的延迟。当对象数量多于4个时。对象开销就成了页面下载时间中最大的一部分。
  尽可能的减少网页中的对象数量。减少http请求的关键在于合并文件和用css技术代替基于图形的技术。例如转换图形文本为CSS文本。合并外部文件,脚本和CSS文件。去掉框架和javascript头文件包含,用css边距代替空白单元,CSS悬停代替JavaScript.将多个装饰性图片拼接到一个CSS精灵中。
 步骤二、  调整图片大小并优化
   思想就是将图像调整到可接受的最低质量和精度。
步骤三、优化多媒体
多媒体只占服务请求的一小部分,却占用了网络流量的大部分。所以,流媒体(尤其是电影)的优化对于加快网页速度和减少带宽费更加重要。
步骤四、把javascript行为转化成CSS. 
对于js实现的控制下拉菜单和实现滚动效果,可以采用CSS:hover来实现。一下子就减少了46.4%的文件大小。             
注记:CNAME:保存一个域名和另外一个域名关系的DNS记录。                                      
      Widget;中文名称:微件,可以嵌套到网页中的一个小部件。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值