福永公司

    提高网站速度的6种网站前端优化方法

    日期:2017/9/28 人气:545674
    导读: 最近有几个搭档开通了个人博客,但却诉苦说因为的买的虚拟空间,所以个人博客网站翻开速度很慢。关于这种现象,依照一般的状况来看,一个网站的拜访翻开速度的快与慢,满是看这个网站运用的空间装备,要是这个空间主机的装备不错,那么你的网站拜访速度就会很快;相反,要是你的空间主机的装备很烂,那么你的网站拜访速度就会很慢。其实抛去空间主机的装备要素不谈,我们站长或许seo人员也能够从网页制造方面着手,

     最近有几个搭档开通了个人博客,但却诉苦说因为的买的虚拟空间,所以个人博客网站翻开速度很慢。关于这种现象,依照一般的状况来看,一个网站的拜访翻开速度的快与慢,满是看这个网站运用的空间装备,要是这个空间主机的装备不错,那么你的网站拜访速度就会很快;相反,要是你的空间主机的装备很烂,那么你的网站拜访速度就会很慢。其实抛去空间主机的装备要素不谈,我们站长或许seo人员也能够从网页制造方面着手,然后从现有的资源上进步网站的拜访速度。如果你还不知道怎么才干优化网站来进步网站的拜访速度,那就看一下马海祥博客为你总结出来的六个小技巧吧,期望对你能有所帮助!

      1、利用浏览器缓存你的 js 和 CSS 文件:

      在网站根目录 .htaccess 中参加以下代码

      ExpiresActive on

      ExpiresDefault “access plus 1 year”

      这段代码的意思是对 jpg|gif|png|css|js 发送 header 缓存头,进行一年的缓存、在浏览器不运用 ctrl+F5 强制改写时,会一直缓存到时刻时刻完毕,仅有惋惜的是如果你更改了js或许css文件有必要把曾经的途径或许文件名更改,能够这样 base.js?ver=(x) 这种办法下次浏览器就会主动读取并缓存。

      2、把你的 .js 库文件地址替换成 Google CDN的地址:

      跟着 jquery 和 mootools 等js库的运用需求加载的.js文件越来越多也越来越大,一般传统的网站是上传到网站本身的目录。但关于一个挨近70多KB的jquery.js体积的确不利于网站响应速度的进步,此刻就应该运用Google API 。

      例如:把你的 http://www.***.cn/jquery.x.x.js 替换为 http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js,其含义在于当一个用户拜访过运用 google api 的网站之后,再次拜访其他调用了该api地址的网站就不需求再次加载该文件了。然后到达提速的意图。

      不单是jquery库,其他比如mootools yui 也能够运用这种办法。

      3、精简和优化你的 js 和 CSS:

      虽然有了缓存和gzip保驾护航,可是关于 js 和 css 的优化却也是有必要的。我们写的javascript脚本和 css 代码都是经过缩进和换行的,合适人类阅览,可是浏览器履行这些脚本不并需求这些无含义的空格和换行。所以我们应该去除这一些空格换行,乃至缩短 javascript 和 css 里边的变量。比如此类的优化东西有 YUI Compressor 和 Closure Compiler 。这两个东西都是根据 java 的,运用应该装置jdk而且设置 JAVA_HOME 。(关于非程序员的网站管理员而言的确有点困难)

      此东西能够不用在本地装置jdk,直接上传 js 和 css 文件进行紧缩,可选择是选用 YUI Compressor 或 Closure Compiler 。

      4、GZIP 紧缩你的 JS 和 CSS 文件:

      紧缩js和css能够经过服务器动态脚本进行也能够更简略的运用apache服务器能够在网站根目录 .htaccess 中参加以下代码

      AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/x-javascript application/json

      Header append Vary Accept-Encoding

      这段代码的意思是调用服务器的紧缩模块对以上文件输出之前进行GZIP紧缩,gzip的紧缩之后一切文件都应该能削减30%以上的体积。特别是关于很多运用js的博客有了gzip保驾护航之后速度能进步不少。

      5、运用css sprites兼并图片

      一个网站常常运用小图标和小图片进行美化,可是很惋惜这些小图片占用了很多的HTTP恳求,因而能够选用sprites的办法把一切的图片兼并成一张图片 ,能够经过相关东西在线兼并,也能够在ps中兼并。

      6、优化你网站图片:

      很多运用的图片和图标虽然能够给网站带来美轮美奂的作用,图文混编更是一种非常艳丽的博文展示办法。可图片的体积的确不是很给力,jpg是一种有损紧缩格局,而png虽然是无损的,但缺憾是体积颇大。为了削减图片体积到达最快的下载速度,每一张图片上传前应该优化一下体积。

    文本来自采集文章 http://cqmj.com/25/47.html 如需转载或删除,请联系管理员。

    1 2 3 4 5 6 7 8 9
    分享到:
福永网站建设
【福永本地网站建设】——承诺3小时内上门服务!福永上门全国热线:400-666-2014 【我要收藏此页面】 网站地图 粤ICP备12018349号 网站维护:深一深圳网站建设
全国福永网站制作-服务网店