您现在的位置: 天下网吧 >> 网吧天地 >> 天下码农 >> 数据库 >> 正文

遵循web标准 网页前端的3类优化

2012-8-16a网页教学网

60673">

  第二类,传输优化

  这类是大头,很烦,首先是字节,字节越小越好,怎么能小下来,最有效的方式就是google的方案,把首页做的极其精简,图片,html,静态文件都很小,再就是缓存,把文件放到本地缓存区读取。还有http请求数,减少文件传输中的排队等待。

  字节优化:

  减少冗余html,结构化,语义化的html来实现,行为,表现,结构分离,独立的html文件将变得很小。

  压缩文本文件,css,html,js去掉注释、空格、换行等。

  降低图片字节,选择合适的图片类型,png-8是一个好东西,再用工具将图片进行压缩去掉,比如png-8的压缩工具。用合适的图片尺寸,不要把大图控制一下宽高就用上了。

  gzip压缩一下,减小服务器端传输到客户端时候的字节。

  flash文件和flash+xml的动态flash也减小字节

  缓存:

  服务器端配置一下,提高缓存的命中率和把不经常修改的文件缓存了。

  Add Expires headers、Etags、ajax使用get方式便于缓存。

  把能分离出来的css,js分离成外部文件便于缓存。

  使flash和xml文件可缓存。

  打通不同运营商的限制

  CDN提高不同类型运营商的网络传输速度,电信,网通,铁通,教育网统统搞定。

  请求数:

  减少文件请求数,能合并到一起的合并一下,css,js,图片等,减小排队等待和服务器端开销。

  分域提高同时加载数,优化排队等待。

  避免404无效请求数。

  避免重定向。

  延迟加载和预载:

  把暂时不用的文件等主体页面加载完了再加载,把用户稍后要看浏览的内容预先加载进来,相册浏览就是很好的例子,先用小图片放大再把大图展示出来,看本张图片时把下一张预载进来等等。


欢迎访问最专业的网吧论坛,无盘论坛,网吧经营,网咖管理,网吧专业论坛 https://bbs.txwb.com

关注天下网吧微信/下载天下网吧APP/天下网吧小程序,一起来超精彩

本文来源:a 作者:网页教学网

声明
声明:本站所发表的文章、评论及图片仅代表作者本人观点,与本站立场无关。若文章侵犯了您的相关权益,请及时与我们联系,我们会及时处理,感谢您对本站的支持!联系邮箱:support@txwb.com,系统开号,技术支持,服务联系QQ:1175525021本站所有有注明来源为天下网吧或天下网吧论坛的原创作品,各位转载时请注明来源链接!
天下网吧 网吧天下