网站优化
2019-11-13 08:19:12来源:博客园 阅读 ()
网站优化
1、head部分代码规范化
head部分代码是搜索引擎爬行网站的入口部分,将网站的代码规范化,
建立起网站独一无二的head部分。
2、使用div+css布局网页
大多数网页都在用div+css另外,一些网站会使用外部文件,将css和js放在外部文件中,页面html中只要放一行代码调用就可以了,
3、css优化
css是页面效果呈现中非常重要的组成部分,它包括颜色、大小尺寸、背景和字体等。所有css定义代码的位置要放到网站之前。
网站上的一些图片可以采用css sprite技术进行合并,减少加载请求次数,从而提高网页的加载速度,减小css文件的大小,尽量不要使用内嵌式css。
将html控制方式转换为CSS控制比如利用标签内对内容进行控制,比如img标签里通过width和height来控制图片的大小,尽量将这些代码转换成外调式的CSS,使网页代码减少。
4、JS优化
将js放在页面最后,这样可以加快页面打开速度。合并js合并相同域名下的js,通过减少网络连接次数从而提高网页的打开速度。
当前的搜索引擎还是不能够识别JS代码的,可以将用到Javascript代码用外部调用的形式放在网站中,降低页面对于JS的依赖性,尤其是页面的关键位置如导航栏,尽量采用DIV+CSS的设计方法。
5、清除页面中多余的代码,比如注释代码,减少页面代码的容量。
6、缓存静态资源
通过设置浏览器缓存,将css、js等不太经常更新的文件缓存在浏览器端,
这样同一访客再次访问你的网站的时候,浏览器就可以从浏览器的缓存中获取css、js等,在一定程度上加快了网站的打开速度,而不必每次都从你的服务器读取,节省服务器流量。
7、网页压缩技术
启用服务器Gzip,对页面Gzip压缩,减少元素的体积,从而减少数据的传输,进而提高网页的打开速度。
8.雪碧图
原文链接:https://www.cnblogs.com/white55k/p/11846648.html
如有疑问请与原作者联系
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:前端之html
下一篇:css之纯css实现流程导航效果
- 小谢第23问: chorme的性能优化工具 2020-06-10
- HTML开发实例-简单相亲网站开发(主体为table) 2020-05-27
- 【教程干货】前端学习网站资源 2020-05-12
- 使用CSS完成商城首页的优化 2020-05-05
- Wordpress网站变灰/黑白主题 2020-04-04
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash