站三界导航
首页 建站经验提高网站打开速度的18点要素分享

提高网站打开速度的18点要素分享

  • 建站经验
  • 来源:站三界导航
  • 55阅读
  • 2022-04-28

下面是18条网站加速方法: 1、减少HTTP请求 图片、css、script、flash等等这些都会增加 http请求数,减少这些元素的数量就能减少响应时间。把多个JS、CSS在可能的情况下 写进一个文件,页面里直接写入图片也是不好的做法,应该写进CSS里,利用 CSS sprites 将小图拼合后利用background来定位。 2、设置头文件过期或者静态缓存 浏览器会用缓存来减少http请求数来加快页面加 载的时间,如果页面头部加一个很长的过期时间,浏览器就会一直缓存页面里的元素。 不过这样如果页面里的东西变动的话就要改名字了,否则用户端不会主动刷新,看自己 衡量了~ 这项可以通过修改.htaccess文件来实现。 3、Gzip压缩 Gzip格式是一种很普遍的压缩技术,几乎所有的 浏览器都有解压Gzip格式的能力,而且它可以压缩的比例非常大,一般压缩率为85%。 4、不要在HTML中缩放图片 图片要用多大的就用多大的,1000X1000的图片 被width=”100″ height=”100″以后,本身的KB数是不会减少 的。 5、优化图片 将你的GIF转为PNG8会是个减小体积的好办法, 另外有很多方法处理你的JPG及PNG图片以达到优化效果。 6、不要出现404页面 站点本身里(非搜索结果)出现404页面,无意 义的404页面会影响用户体验并且会消耗服务器资源。 7、减小Cookie Cookie在服务器及浏览器之间的通过文件头进行 交换,尽可能减小Cookie体积,设置合理的过期时间,能够很好的提高效率。 8、减少iframe数量 需要更有效的利用 ifames。 iframe 优点:有利于下载缓慢的广告等第三方内 容,安全沙箱,并行下载脚本 iframe 缺点:即使为空也会有较大资源消耗,会阻止页面的onload,非语义 9、尽早的释放缓冲 当用户进行页面请求时,服务器端需要花费200 到500毫秒时间来拼合HTML,将写在head与body之间,释放缓冲,这样可以将文件头先 发送出去,然后再发送文件内容,提高效率。 10、删除重复脚本 重复调用的代码浏览器并不会识别忽略,而是会 再次运算一遍,这当然是大大的浪费。 11、减小JS和CSS的体积 写JS和CSS都是有技巧的,用最少的代码实现同 样的功能,减少空白,增强逻辑性,用缩写方式等等,当然也有不少工具也能够帮你实 现这一点。 12、减少DNS查找 减少网站从外部调用资源,网页加载效率会大大 提高。 13、将JS和CSS外链 一些较为公用的JS和CSS,我们可以使用外链的 形式,譬如我就是从Google外链来的Jquery文件,如果我的浏览者在浏览别的使用了这 个外链文件的网站时已经下载并缓存了这个文件,那么他在浏览我的网站的时候就不需 要再进行下载了! 14、避免CSS表达式 CSS表达式很可怕,这个只被IE支持的东西执行 时候的运算量非常大,你移动一下鼠标它都要进行重计算的,但有时候为了做浏览器的 兼容必须要用到这个||| IE6去死去死! 15、把CSS放顶部 让浏览者能尽早的看到网站的完整样式。 16、把JS放底部 网站呈现完毕后再进行功能设置,当然这些JS要 在你的加载过程中不影响内容表现。 17、用GET方式进行AJAX请求 Get 方法和服务器只有一次交互(发送数据), 而 Post 要两次(发送头部再发送数据)。 18、减少DOM的访问次数 JS访问DOM是很慢的,尽量不要用JS来设置页面 布局。 本文结束
本文来自投稿,不代表站三界导航立场,如若转载,请注明出处:https://www.zhansanjie.com/article/details/4041.html

版权声明:

1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

2、本站仅提供信息发布平台,不承担相关法律责任。

3、若侵犯您的版权或隐私,请联系本站管理员删除。

4、本文由会员转载自互联网,如果您是文章原创作者,请联系本站注明您的版权信息。

分享
站三界导航
本站声明:本站严格遵守国家相关法律规定,非正规网站一概不予收录。本站所有资料取之于互联网,任何公司或个人参考使用本资料请自辨真伪、后果自负,站三界导航不承担任何责任。在此特别感谢您对站三界导航的支持与厚爱。