网站性能优化中前端优化是非常重要的,我们需要知道的是用户在访问网页的等待的时间,有超过80%的时候都是在浏览器前端的,特别是网页和页面中的各种元素(图片、CSS、Javascript、flash…)。所以在许多情况下,与其花费大量时间进行艰苦和繁杂的程序改进相比,对前端的部分进行优化的时候,基本上都是能够达到事半功倍效果的。建议大家可以选择下载并安装yslow,这个工具可以对我们的网站的性能是否得到好的优化有个很好的权衡的作用,下面我们就来看下一些特别有效的网站性能优化的具体方法。
1、减少一个页面访问所产生的http连接数
这一页生成的http连接数是第一次访问你的站点的,http连接数量是一个十分关键的部分。网页设计尽可能简明,尽可能减少图片的使用,并通过放弃一些不必要的页面效果来减少javascript的使用。使用优化技巧,例如利用图片的背景移动来减少图片的数量;图像映射技术;使用内线图像将css图片绑定到网页中。尽可能合并js和css文件,减少单独的文件数量。
2、把CSS放在页面顶部,JS文件放在页面的底部
CSS的引用要放在html头部,JS文件引用尽量放在页面底部的标签之后,较为重要的就是要展现出网页的核心的内容。但是目前有些人在制作网页的时候往往使用了数量众多的js,可能有些js文件放在底层就会出现不少的问题,所以我们在实际使用的时候就要特别的注意了。
3、压缩JS文件内容
这个部分也十分的重要,经常会使用到的方法就是使用js压缩工具来对程序员写出来的脚本进行压缩,去掉里面一些多余的部分,比如空白字符、注释等。利用gzip压缩技术,压缩js内容可以使性能提高5%。
4、要在独立的外部文件中引用css和js文件
把css和js文件放到单独的文件中,这样就可以分别缓存,当访问其他页面的时候,就可以直接在流量器中进行读取了。