十年專注于品牌網站建設 十余年專注于網站建設_小程序開發_APP開發,低調、敢創新、有情懷!
      南昌百恒網絡微信公眾號 掃一掃關注
      小程序
      tel-icon全國服務熱線:400-680-9298,0791-88117053
      掃一掃關注百恒網絡微信公眾號
      掃一掃打開百恒網絡微信小程序

      百恒網絡

      南昌百恒網絡

      網站設計之前端網頁設計優化

      百恒網絡 2017-03-30 4429

      按照一般的情況來看,一個網站的訪問打開速度的快與慢,全是看這個網站使用的空間配置,要是這個空間主機的配置不錯,那么你的網站訪問速度就會很快。其實拋去空間主機的配置因素不談,我們站長或者seo人員也可以從網頁制作方面著手,從而從現有的資源上提高網站的訪問速度。

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

      在網站根目錄 .htaccess 中加入以下代碼ExpiresActive onExpiresDefault “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 。

      不單是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/jsonHeader append Vary Accept-Encoding這段代碼的意思是調用服務器的壓縮模塊對以上文件輸出之前進行GZIP壓縮,gzip的壓縮之后所有文件都應該能減少30%以上的體積。特別是對于大量使用js的博客有了gzip保駕護航之后速度能提高不少。

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

      6、優化你網站圖片:

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

      本文僅限內部技術人員學習交流,不得作于其他商業用途.希望此文對廣大技人員有所幫助。文章出自:南昌網站建設公司-百恒網絡


      400-680-9298,0791-88117053
      掃一掃關注百恒網絡微信公眾號
      掃一掃打開百恒網絡小程序

      歡迎您的光顧,我們將竭誠為您服務×

      售前咨詢 售前咨詢
       
      售前咨詢 售前咨詢
       
      售前咨詢 售前咨詢
       
      售前咨詢 售前咨詢
       
      售前咨詢 售前咨詢
       
      售后服務 售后服務
       
      售后服務 售后服務
       
      備案專線 備案專線
       
      ×
      亚洲av日韩av不卡在线观看| 国产精品麻豆欧美日韩WW| 正在播放国产精品每日更新| 日韩在线免费电影| 国产一区二区精品久久岳√| 精品无码久久久久久久久水蜜桃 | 亚洲综合一区二区精品久久| 亚洲国产精品VA在线看黑人| 国产亚洲色婷婷久久99精品91| 亚洲精品成a人在线观看| 日韩成人无码一区二区三区| 国产福利电影一区二区三区,日韩伦理电影在线福 | 久久精品亚洲日本波多野结衣| 精品福利一区二区三区免费视频| 久久精品国产亚洲精品2020| 久久久精品中文字幕麻豆发布| 亚洲国产成人精品无码区在线观看| 国产精品无码专区| 国产揄拍国产精品| 国产综合免费精品久久久| 精品亚洲视频在线观看| 国产AV国片精品一区二区 | 亚洲精品成人无码中文毛片不卡| 久久99精品久久久久久秒播| 精品无码人妻久久久久久| 9久热精品免费观看视频| 久久精品国产精品亚洲| 精品久久人人爽天天玩人人妻| 国产精品熟女福利久久AV| 国产精品99久久久久久董美香| 国产VA免费精品高清在线| 国产成人毛片亚洲精品| 国产乱码伦精品一区二区三区麻豆| 日韩中文字幕电影| 日韩精品无码专区免费播放| 亚洲欧美日韩综合久久久| 无码人妻精品一区二| 国产久爱免费精品视频| 99久久精品国内| 国产精品丝袜一区二区三区 | 国产精品漂亮美女在线观看|