ARTICLES文章分享

加快網站速度7個專業技巧

加快網站速度7個專業技巧

在現今這個時間緊湊的世界,大多數人沒有時間可以任意揮霍,這種匆忙的步調也延伸至 網頁設計領域,所以網站必須設法滿足絕大多數的瀏覽者。

即使您架設出的網站值得花時間等待,當訪客面臨這樣緩速下載的網站時,大多數不願意特別等待,因此,您要如何確定你的網站速度是否是在合理中呢? 應密切注意下列7項專業網頁設計技巧,以創建一個不會阻礙您企業發展的網站。


一個男人手指劃過
 

第一項:有限制的使用動畫


動畫是一個很容易因為太強調設計風格而導致網站速度負擔太重的例子,雖然動畫確實在網站設計中擁有它的一席之地,在設計網站時仍應謹慎使用。 製作動畫時需要使用多張圖片連續撥放,因此不管如何縮減壓縮容量,動畫能然很容易使您的網站下載時間增加,這意味著過量的動畫會阻礙您的速度 與搜尋引擎優化SEO面項所做的努力。

 

 

第二項:壓縮您的圖片


在專業的網頁設計中,圖片是容易被忽略實際大小的絕佳例子,您可能還沒意識到架設一個網站時,圖片會占用其中多大的空間。 在上傳圖檔至您的網站空間之前,務必使用軟體壓縮圖片,您可以減少GIF或是.JPEG檔案到原本大小一半甚至更小檔案容量,可有效減少網站下載時間。 (您或許會在您的HTML編碼中限制您圖檔的長寬高,就算如此,圖片檔案大小還是不會變小,單單只是視覺上的改變)

 

 

第三項:簡潔您的程式碼


雖然HTML格式的內容比起圖檔的下載速度更快,但是您仍然有辦法加快其下載速度,留意那些無關緊要的HTML編碼,例如空格,不必要的標籤,這些都能 增加您檔案的大小,謹記少即是多,善用標籤的默認原則或盡可能地刪除它們。

 

 

第四項:使用縮圖


縮圖是對於電子商務網站來說,特別有幫助的網站設計技巧,提供瀏覽者小而下載快速的產品縮圖,並藉此讓顧客決定他們是否想要看更大更清楚的圖像。

 

 

第五項:將表格式改為CSS方式


許多網頁設計者現在都使用層疊樣式表(CSS)來取代更多傳統樣式,層疊樣式表是一種為結構化文件(如HTML文件或XML應用)添加樣式(字型、間距和顏色等) 的電腦語言:其可在您創建網站時幫助您節省時間,且能夠透過大幅減少頁面來替您的網站訪客省去下載網頁的時間。

 

 

第六項:減少對伺服器發送要求


從不同伺服器下載的任何設計元素,無論是圖案,音檔,或者是廣告,每當頁面下載時,皆會觸發HTML程式語言送出請求,創建一個對內容延伸有所限制的網站能減少下載時間。

 

 

第七項:注意網頁的大小


即使您採用上述所有建議,在組合您所有的網站元素時,您的頁面大小仍可能大到足以造成網站回應遲緩,千萬切記,在專業的網頁設計中,簡單的設計更勝千言萬語, 因此在設計上,僅需使用絕對必要的內容即可,理想的網頁大小應為300KB以內,但由於許多企業形象與設計風格需求,能達到如此的網站不算多數。

當您替自己的企業創建一個網站時,請務必付出加倍的努力以確保您的網站擁有訪客所期待且需要的下載速度,或者您甘願冒著被訪客略過的風險。

 


歡迎推廣本文,請務必連結(LINK)本文出處:多米諾網頁設計