1. 首頁 > 生活百科 > >

瘋狂seo:網站頁面布局優化建議( 二 )

小知識

vascript 文件所需的時間 ， 因為它們下載的壓縮文件要小得多 ， 一旦它們到達瀏覽器就會被解壓 。 不要擔心 ， 因為所有的現代瀏覽器都支持 GZIP ， 并且已經對所有的 HTTP 請求進行了自動處理 ， 所以訪客不必再做任何額外的事情 。 5.啟用瀏覽器緩存啟用瀏覽器緩存后 ， 一個網站的元素存儲在你的訪客的瀏覽器上 ， 所以下次他們訪問你的網站 ， 或者訪問另一個網頁時 ， 瀏覽器可以直接加載網頁 ， 而不必將另一個 HTTP 請求發送到服務器 ， 以加載需要的緩存元素 。 一旦加載了第一頁并將其元素存儲在用戶的緩存中 ， 只需要在后續網頁上下載新元素就行 。 這可以大大減少需要在一個典型的瀏覽會話中下載的文件數量 。 6.縮小資源縮小你的 CSS 和 javascript 文件 ， 刪除不必要的留白和注釋 ， 以減少文件大小 ， 這樣會幫助減少下載它們所需的時間 。 這并不需要手動操作 ， 因為有一些工具可以在線將文件轉換成較小的、縮小版的文件 。 還有一些插件可以在你的網站上替換你的網站上的鏈接 ， 你的常規 CSS 和 javascript 文件可以不修改你的原始文件 。 這樣做可能需要花費一些精力 ， 因為縮小文件經常會破壞 CSS 和 javascript ， 所以一旦你縮小了所有的內容 ， 一定要徹底測試你的網站 。 7.優先考慮內容如果你的網站被編碼成優先級以上的內容 —— 換句話說 ， 在訪問者滾動之前可以看到的內容 ， 你的網站就會出現在訪問者面前 。 這意味著確保出現在折疊上方的任何元素都與 HTML 代碼的開頭差不多 ， 這樣瀏覽器就可以下載并呈現它們 。 還需要包含任何 CSS 和 javascript ， 以內聯方式呈現該區域 ， 而不是在外部 CSS 文件中 。 8.優化媒體文件因為帶有高質量相機的移動設備是常見的 ， 而現代的內容管理系統 ， 可以方便上傳圖像 ， 很多人只是簡單地拍了一張照片 ， 然后上傳 ， 卻沒有意識到 ， 圖像通常比必要的要大 4 倍 。 這大大降低了你的網站加載速度 ， 特別是對于移動用戶 。 在你的網站上優化媒體文件有可能極大地提高你的網頁速度 ， 而且這樣做相對容易 ， 所以這是一個很好的時間投資 。 1）優化圖片選擇理想的格式 。 JPG 是完美的攝影圖像 ， 而 GIF 或 PNG 最好的圖像有大面積的純色 。 8 位 PNG 文件是用于沒有 alpha 通道（透明背景）和 24 位文件的圖像 ， 它們是帶有 alpha 通道的圖像 。 確保圖像尺寸正確 。 如果你的網站上只支持 800 像素的圖片 ， 那么使用 1600 像素的圖片是沒有任何好處的 。 壓縮圖像文件 。 2）優化視頻選擇理想的格式 。 MP4 在大多數情況下是最好的 ， 因為它產生最小的文件大小 。 根據訪問者的屏幕尺寸提供最佳尺寸 。 如果在背景中使用視頻作為設計元素 ， 記得取消自動播放功能 。 壓縮的視頻文件 。 我大部分時間都在使用 Adobe Premiere ， 但 Camtasia 也是一個可靠的選擇 。 減少視頻長度 。 考慮將視頻上傳至優酷土豆或騰訊視頻 ， 而不是在本地使用它們 ， 并使用它們的 iframe 嵌入代碼 。 為了真正優化你的網站上的媒體 ， 你需要根據屏幕尺寸提供合適大小的圖片 ， 而不是簡單地調整大小 。 基于映像的實現 ， 有兩種方法可以處理此問題 。 在你的網站的 html 中可以使用 src 設置 ， 它允許瀏覽器選擇 ， 下載 ， 并根據訪問者使用的設備的屏幕大小顯示適當的圖像 。 通過 CSS 放置的圖像 —— 通常作為背景圖像 ， 可以使用媒體查詢來選擇合適的圖像 ， 基于訪問者正在使用的設備的屏幕大小 。 9.利用緩存和 CDN緩存使你的 web 服務器來存儲你的網站的靜態副本 ， 這樣他們可以更快地交付到訪問者的瀏覽器 。 而 CDN 允許將這些副本分發到世界各地的服務器 ， 以便訪問者的瀏覽器從最接近他們的位置的服務器下載內容 。 這大大提高了網頁加載速度 。

推薦閱讀