您好,歡迎來到一站式眾包服務(wù)平臺(tái)-威客牛網(wǎng)!
當(dāng)前位置:威客牛首頁 > 知識(shí)百科 > IT軟件 > 網(wǎng)站優(yōu)化 > 網(wǎng)頁優(yōu)化技巧

網(wǎng)頁優(yōu)化技巧

2022-12-04作者:網(wǎng)友投稿
在本文中,贏在威客網(wǎng)小編會(huì)給大家一些建議,雖說前三個(gè)建議實(shí)際上不能給“網(wǎng)頁減肥”,但它們?nèi)阅苡行У募涌炀W(wǎng)頁加載速度。


  1、用GZIP格式壓縮

  gzip是GNUzip的縮寫,它是一個(gè)GNU自由軟件的文件壓縮程序。它是Jean-loupGailly和MarkAdler一起開發(fā)的,第一次公開發(fā)布版本是1992年10月31日發(fā)布的版本0.1,1993年2月發(fā)布了版本1.0。

  我們?cè)贚inux中經(jīng)常會(huì)用到后綴為.gz的文件,它們就是GZIP格式的,現(xiàn)今已經(jīng)成為Internet上使用非常普遍的一種數(shù)據(jù)壓縮格式,或者說一種文件格式。

  HTTP協(xié)議上的GZIP編碼是一種用來改進(jìn)WEB應(yīng)用程序性能的技術(shù),大流量的WEB站點(diǎn)常常使用GZIP壓縮技術(shù)來讓用戶感受更快的速度。

  這一般是指WWW服務(wù)器中安裝的一個(gè)功能,當(dāng)有人來訪問這個(gè)服務(wù)器中的網(wǎng)站時(shí),服務(wù)器中的這個(gè)功能就將網(wǎng)頁內(nèi)容壓縮后傳輸?shù)絹碓L的電腦瀏覽器中顯示出來。

  一般對(duì)純文本內(nèi)容可壓縮到原大小的40%,這樣傳輸就快了,效果就是你點(diǎn)擊網(wǎng)址后會(huì)很快的顯示出來,當(dāng)然這也會(huì)增加服務(wù)器的負(fù)載,一般服務(wù)器中都安裝有這個(gè)功能模塊的。

  根據(jù)W3C組織調(diào)查,大部分的網(wǎng)站都沒有啟用壓縮功能。

  2、支持瀏覽器緩存

  如果瀏覽器支持緩存,我們就不用重復(fù)下載網(wǎng)頁資源,最簡單的設(shè)置緩存方法是在響應(yīng)頭中添加相應(yīng)的內(nèi)容,包括:Expires header,Last-Modified等。

  3、使用內(nèi)容分發(fā)網(wǎng)絡(luò)

  CDN的全稱是Content Delivery Network,即內(nèi)容分發(fā)網(wǎng)絡(luò)。其目的是通過在現(xiàn)有的Internet中增加一層新的網(wǎng)絡(luò)架構(gòu),將網(wǎng)站的內(nèi)容發(fā)布到最接近用戶的網(wǎng)絡(luò)“邊緣”,使用戶可以就近取得所需的內(nèi)容,提高用戶訪問網(wǎng)站的響應(yīng)速度。

  4、刪除不需要的資源

  當(dāng)你不再需要一個(gè)組件的時(shí)候,你應(yīng)該刪掉它的CSS和JavaScript代碼,如果這些代碼都單獨(dú)放在一個(gè)文件中,那刪掉它們也不是難事,但如果已經(jīng)沒有用的代碼和其它代碼在一個(gè)文件中,那你肯定要費(fèi)不少精力去刪掉它們。

  5、style和font重復(fù)定義的沉余代碼

  要充分利用好CSS代碼定義自己的顏色大小等,有些網(wǎng)站既用了CSS代碼定義了之后又去使用style或者是font這樣的代碼進(jìn)行定義,這樣就無形中增加了無用代碼,容易造成代碼冗余,因此我們要對(duì)這樣的代碼進(jìn)行壓縮,實(shí)現(xiàn)代碼精簡。

  6、通用和最小化CSS

  理想情況下,需要一個(gè)單獨(dú)的CSS文件,讓每個(gè)頁面都調(diào)用這一個(gè)布局,當(dāng)然,如果你想要支持老版本的IE,你就得多弄一個(gè)CSS文件。

  7、通用和最小化的

  利用外部文件,我們可以用Javascript代碼和CSS代碼放在外部文件里面,在我們的HTML代碼里面加上調(diào)用代碼進(jìn)行調(diào)用即可,如果打開一個(gè)網(wǎng)站去檢查它的源文件,前面如果有大量的Javascript代碼和CSS代碼就容易使得網(wǎng)站有用的內(nèi)容文字部分推到后面去了,是不利于搜索引擎抓取的。

  8、減少頁面嵌套的表格


  對(duì)于表格要盡量少使用,尤其是嵌套的表格部分,雖然CSS排版使得我們編寫代碼更加的精簡容易,但往往也是少不了表格的使用的,我們可以不去避免,但一定要減少使用多層嵌套的表格,不要產(chǎn)生沒有用的代碼。

  9、網(wǎng)站圖片的優(yōu)化

  對(duì)于一些圖片站來說,加載錯(cuò)誤的圖片格式會(huì)對(duì)你的網(wǎng)頁造成很大影響,所以,馬海祥建議圖片站的站長一定要多對(duì)圖片做些優(yōu)化。

  10、刪除不必要的字體和注釋

  已經(jīng)徹底改變了字體的設(shè)計(jì),它減少了很多不必要的文本,然而,目前的字體仍然會(huì)給你的網(wǎng)頁帶來多余的字節(jié)。
免費(fèi)查詢商標(biāo)注冊(cè)