<blockquote id="evg5y"><p id="evg5y"></p></blockquote>
<thead id="evg5y"></thead>
    <style id="evg5y"></style>

    <u id="evg5y"><li id="evg5y"></li></u>
    av图片小说,2020日韩无码,91福利姬,无限A片,精品自拍网,小泽玛利亚一区,午夜拍拍,日本中文字幕在线

    關于提高網站訪問速度的幾種前端優化方法

    來源:中企動力 發布時間:2018-07-09 10:16:40

    我們經常會聽到有人抱怨網站的訪問速度太慢,眾所周知,網站的響應速度依賴于這個網站使用的空間配置,空間配置越高,網站訪問速度越快。其實避開空間配置因素不談,我們也可以從網頁制作方面入手,在現有資源的基礎上提升網站的訪問速度,今天中企動力網站建設小編就帶您看一下這幾個優化的小技巧吧。

    1、利用瀏覽器緩存你的 js 和 CSS 文件:

    在網站根目錄 .htaccess 中加入以下代碼
    <ifmodule mod_expires.c>
      <filesmatch “\.(jpg|gif|png|css|js)$”>
      ExpiresActive on
      ExpiresDefault “access plus 1 year”
      </filesmatch>

    這段代碼的意思是對 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 。

    例如:把你的 //www.mahaixiang.cn/jquery.x.x.js 替換為 //ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js,其意義在于當一個用戶訪問過使用 google api 的網站之后,再次訪問其他調用了該api地址的網站就不需要再次加載該文件了。從而達到提速的目的。不單是jquery庫,其他諸如mootools yui 也可以使用這種方式。推薦一個js網站: //scriptsrc.net/ , 這個網站收集Google 提供的 js API路徑,直接點擊復制就可以獲取到最新版的文件路徑。

    3、精簡和優化你的 js 和 CSS:

    雖然有了緩存和gzip保駕護航,但是對于 js 和 css 的優化卻也是必須的。我們寫的javascript腳本和 css 代碼都是經過縮進和換行的,適合人類閱讀,但是瀏覽器執行這些腳本不并需要這些無意義的空格和換行。所以我們應該去除這一些空格換行,甚至縮短 javascript 和 css 里面的變量。諸如此類的優化工具有 YUI Compressor 和 Closure Compiler 。這兩個工具都是基于 java 的,使用應該安裝jdk并且設置 JAVA_HOME 。(對于非程序員的網站管理員而言確實有點困難)

    推薦一個css在線壓縮地址://www.mahaixiang.cn/zyxz/zxgj/cssys.html此工具可以不用在本地安裝jdk,直接上傳 js 和 css 文件進行壓縮,可選擇是采用 YUI Compressor 或 Closure Compiler 。

    4、使用css sprites合并圖片

    一個網站經常使用小圖標和小圖片進行美化,但是很遺憾這些小圖片占用了大量的HTTP請求,因此可以采用sprites的方式把所有的圖片合并成一張圖片 ,可以通過相關工具在線合并,也可以在ps中合并。

    5、優化你網站圖片:

    大量使用的圖片和圖標雖然可以給網站帶來美輪美奐的效果,圖文混編更是一種非常絢麗的博文展現方法。可圖片的體積確實不是很給力,jpg是一種有損壓縮格式,而png雖然是無損的,但缺憾是體積頗大。為了減少圖片體積達到最快的下載速度,每一張圖片上傳前應該優化一下體積。專注于前端的yslow有一個工具叫smushit ://www.smushit.com/ysmush.it/

    此工具雖是一個無損壓縮圖片的工具,可以把你的圖片在保持原質量不變的前提下優化體積。但這種優化體積通常只在 10% 左右。意味著一張100KB的圖片優化后只有 90KB 或者更少……。當然或許還有很多更好的壓縮工具,大家也可以互相推薦分享一下。

    在現有的網站基礎上,希望以上5種優化的小技巧能夠幫助各位提升網站響應速度。

    中企動力,專業企業網站建設17年,為您打造放心網站。中企動力還有近80家分公司,如:保定網站建設分公司等。

    相關文章
    主站蜘蛛池模板: 国产日韩久久免费影院| 亚洲成av人片在www鸭子| 亚洲国产成人精品综合| 久久波多野结衣av| 亚洲精品久久久蜜桃| 国产成人精品一区二三区在线观看| 合江县| 婷婷丁香五月亚洲中文字幕| 成人国产AV| 青草精品国产福利在线视频| 亚洲精品日| 惠东县| 国模吧视频| 午夜体验区| 色~性~乱~伦~噜| 在线观看的av网站| 久久99精品久久久久久hb无码| 少妇粗大进出白浆嘿嘿视频| 天天躁日日躁人妻久久澡| 91精品福利| 四虎论坛| 海角社区91熟女丝袜脚国产| 西西444www高清大胆| 在线 | 一区二区三区| 国产69精品久久久久久人妻精品| 天天摸天天碰天天添| 塔河县| 五月天成人社区| 69精品人人人人人| 国产办公室秘书无码精品99| 九九九国产| 亚洲日韩欧美国产高清αv| 999国产精品999久久久久久| 99精品久久久中文字幕| 亚洲精品av一二三区无码| 精品人妻无码中文字幕18禁| 亚洲video| 蜜桃av在线| 无遮挡网站| 99久久亚洲综合精品成人网| 永久免费在线观看蜜桃视频|