大連網站建設對優(yōu)化網站加載速度的11條建議

　　小編整理了頁面加載速度優(yōu)化的補救措施，以提高加載時間和站長瀏覽器的用戶體驗。網站運營者可以通過這些建議來解決頁面加載速度的問題。如下所示:　　

　　1.合并Js文件和CSS　　

　　將JS代碼和CSS樣式合并到一個共享文件中，不僅可以簡化代碼，還可以在執(zhí)行JS文件時進行多次“Get”請求，從而延長加載速度。JS文件合并在一起后，Get請求的數量自然會減少，加載速度也會提高?！　?/p>

　　2.精靈圖片技術　　

　　Spriting是一種網頁圖片應用處理方法，將一個頁面中涉及到的所有分散的圖片包含到一個大圖中，然后通過CSS技術顯示出來。這樣，當你訪問這個頁面時，加載的圖片就不會像以前那樣一張一張地顯示，這樣可以縮小整個網頁的圖片大小，而CSSSprites的使用可以減少網頁的http請求，從而大大提高頁面的性能。CSS spritess在國內被很多人稱為CSS sprite。它們已經存在很長時間了，在許多大型網站中都有使用。特別是一些存在于所有頁面上的圖標使用頻率更高，大大提高了加載速度?！　?/p>

　　3.壓縮文本和圖片　　

　　gzip等壓縮技術可以有效減少頁面加載時間。包括HTML、XML、JSON(JavaScript對象符號)、JavaScript和CSS等。，壓縮率可以達到70%左右。文字壓縮應用廣泛，一般只需要直接在空間打開就可以了，而圖片壓縮就比較隨意，很多都是直接上傳的。其實還有很大的壓縮空間?！　?/p>

　　4.延遲顯示可視區(qū)域之外的內容　　

　　為了確保用戶可以更快地看到可見區(qū)域中的網頁，并延遲加載或顯示可見區(qū)域之外的內容，以及避免頁面變形，可以使用占位符標簽來設置正確的高度和寬度。例如，當用戶停留在折疊上方時，WP的jQueryImage LazyLoad插件無法加載折疊上方下方的任何圖像信息。只有當用戶向下滾動鼠標時，這些圖像才會開始加載。這明顯提高了可視區(qū)域的加載速度，改善了用戶體驗。　　

　　5.確保首先加載功能圖片　　

　　網站主要考慮可用性的重要性。要提前加載一個功能按鈕，用戶進入下載頁面。一個只需要8s的下載，需要5s等待，尋找下載按鈕圖片。誰能忍？

　　6.重新排列行動號召按鈕　　

　　其實這個和上面那個差不多，從用戶體驗速度出發(fā)，跳過網頁整體加載速度。速度沒變，只是推進了一些行為按鈕。號召按鈕通常習慣于被設計在頁面的底部，這對用戶來說并不總是好的。購買用戶需要等到底部加載后再點擊下一步操作。您可以調整CTA按鈕的位置或使用滑動圖片按鈕。這是許多大型購物網站的購物車類型。　　

　　7.圖像格式優(yōu)化　　

　　不適當的圖像格式是降低加載速度的常見原因。如果以最佳格式保存，正確的圖片格式可以使圖片縮小幾倍。它可以節(jié)省大量的帶寬，減少處理時間，并大大加快頁面加載速度，這是一個非常常見的做法?！　?/p>

　　8.使用漸進式JPEGs　　

　　ProgressiveJPEGs圖片是JPEG格式的一種特殊變體，命名為“高級JPEG”。創(chuàng)建高級JPEG文件時，數據是這樣排列的:加載圖像時，起初只顯示模糊的圖像，隨著數據的加載，圖像逐漸變得清晰。它相當于交錯的GIF圖像。高級JPEG主要是考慮到使用調制解調器的慢速網絡而設計的?？焖倬W絡的用戶通常意識不到它和正常JPEG格式圖片的區(qū)別。對于網速慢的用戶來說，這無疑會有很好的體驗?！　?/p>

　　9.簡化代碼　　

　　這可以說是最直接的方法，也是應用最廣泛的方法。對web代碼進行瘦身，刪除不必要的、多余的代碼，比如不必要的空格、換行符、注釋等。，包括JS代碼中無用的代碼也需要清除。其中可能有人對移除評論碼有誤解，甚至有人在里面堆砌關鍵詞?！　?/p>

　　10.延遲加載和執(zhí)行不必要的腳本　　

　　網頁中有很多腳本在頁面完全加載之前是不需要執(zhí)行的，因此有可能延遲不必要腳本的加載和執(zhí)行。這些腳本可以在onload事件之后執(zhí)行，以避免影響網頁上重要內容的顯示。這些腳本可能是你自己網頁的甲苯，往往更多的是第三方腳本。這樣的腳本有很多，比如評論、廣告、智能推薦、百度云圖、分享等。這些都可以在主內容加載后完全執(zhí)行?！　?/p>

　　11.使用AJAX　　

　　AJAX，即“異步Javascript +XML”，指的是一種創(chuàng)建交互式web應用的web開發(fā)技術。AJAX可以通過在后臺與服務器交換一點數據，使網頁異步更新。這意味著您可以更新網頁的某些部分，而無需重新加載整個網頁。如果需要更新內容，傳統(tǒng)的web頁面(沒有AJAX)必須重新加載整個web頁面。