web前端：网站优化
lzzyok小精灵
2024-04-23 22:56
因特网起源于美国国防部高级研究计划管理局建立的阿帕网。网站(Website)开始是指在因特网上根据一定的规则，使用html(标准通用标记语言下的一个应用)等工具制作的用于展示特定内容相关网页的集合。简单地说，网站是一种沟通工具，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。
1、head部分代码规范化
head部分代码是搜索引擎爬行网站的入口部分，将网站的代码规范化，
建立起网站独一无二的head部分。
2、使用div+css布局网页
大多数网页都在用div+css另外，一些网站会使用外部文件，将css和js放在外部文件中，页面html中只要放一行代码调用就可以了，
3、css优化
css是页面效果呈现中非常重要的组成部分，它包括颜色、大小尺寸、背景和字体等。所有css定义代码的位置要放到网站之前。
网站上的一些图片可以采用csssprite技术进行合并，减少加载请求次数，从而提高网页的加载速度，减小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.雪碧图
人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。衡量一个网站的性能通常从网站空间大小、网站位置、网站连接速度(俗称"网速")、网站软件配置、网站提供服务等几方面考虑，最直接的衡量标准是网站的真实流量。
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
