1. 程式人生 > >WordPress優化之css、js優化

WordPress優化之css、js優化

說起wordpress,相信很多站長朋友還是不陌生的。wordpress可以說是比較好的部落格系統程式,和國內的z_blog部落格程式有一拼。當然了,他們除了開發程式不一樣(wordpress是php語言開發的,z_blog是asp語言開發),功能上大體差不多,都是很受歡迎的部落格程式。思源SEO個人獨立部落格採用的是wordpress部落格程式。 wordpress程式怎麼說呢,後臺功能還是強大的,設定上也還是比較方面的,但有一點不好,剛建立的部落格,可能速度有點慢。用wordpress程式建站,最好使用Linux主機,這樣,速度上可能比使用windows主機要快點。今天,思源就如何優化wordpress來提高網站開啟速度提點建議,說的不好,大家別見笑,呵呵。 網站開啟速度慢一方面是網站冗餘程式碼造成的,怎麼做,我們就是要簡化這些程式碼,不需要的多餘程式碼就cut掉。這裡主要針對css和js,如何精簡css和js程式碼。 第一:精簡css程式碼; 使用簡化的CSS程式碼對每個人都很有必要,簡潔的CSS程式碼,可以使網站載入速度更快!比如:顏色程式碼”#3366FF” 可以簡化成”#36F”,margin屬性值 ”6px 0 8px 0″可以簡化成 “6px 0 8px”等等。這些改變可能需要一些CSS基礎,但是其實可以簡化的就那麼幾種,其實並沒有多少。像下面的例子: 原來的css程式碼:  .wordpress{ font-family: Georgia, Times, serif; font-size: 12px; color: #000000; } 精簡後的css程式碼:.wordpress-seo{font-family: Georgia, Times, serif;font-size: 12px;color: #3366FF;} 繼續精簡優化後代碼後:.wordpress-seo1 {font-family: Georgia, Times, serif;font-size: 12px;color: #36F;} 除了在css寫法上注意外,我們還可以藉助一些線上壓縮工具,來對寫好的css程式碼進行簡化。像 YUI Compressor 和CleanCSS這倆工具,都比較有效,但是需要注意的它有一定的概率改變你的CSS程式碼,某些不能通過W3C 驗證的程式碼經過壓縮後會自動被修改,所以在壓縮之前最好先在 W3C 驗證 確保你的原始碼合乎規範,或者在壓縮後人工校正並本地測試一下。當然了,再用這些工具前,先備份一下原來的css,以防自動壓縮後出現錯誤。另外用 W3C 驗證你的原始碼時也不用完全合乎規範,為了保證不同瀏覽器的相容性,只支援css2.0的那些css程式碼是有必要存在的。 第二:精簡js:
js壓縮:js壓縮我們不用做得太多,大部分js檔案都是壓縮完畢的,所以js壓縮一般可以跳過。不過,對多個js檔案,我們可以進行合併,合併到一個js,這樣可以避免多次下載讀取。js合併,效果也比較明顯。JS合併在儘量減少HTTP請求和實際產生的效果上,效能的提升要比精簡和壓縮高很多。那麼怎樣對多個js檔案進行合併呢? 手工的簡單合併方法:將siyuan.js、seo.js、wordpress.js……中的程式碼複製在一個檔案中,儲存為all.js,然後將原來呼叫siyuan.js、seo.js、wordpress.js……的引用程式碼替換成:<script type="text/javascript" src="http://.......all.js"></script> 3    // 新增程式碼時,把 http://.......all.js 修改成合併後的js的靜態地址即可。 精簡css和js,只是提高
wordpress
速度的一個方法而已。其實,影響網站速度的因素有很多,網站伺服器不穩定也會導致網站速度慢,甚至打不開的現象。因此,要想使網站開啟速度快,選擇一個好的主機空間是首要條件,其次是對程式程式碼的精簡,這樣才能更好的保證網站的開啟速度。