首頁 > 學習分享 > 正文

字符播客網站優化基本完成,聊一下為何文章引導圖采用預加載圖片優化

? ? 字符播客這段時間進行了一系列的網站優化,包括電腦pc端和手機端,有興趣的朋友,可以用兩者打開看下效果,也可以拖拉瀏覽器觀看,畢竟采用的是響應式結構,而不是電腦手機分體式結構。

? ? 拋開服務器性能,網站優化,除了網站結構優化,一般會優化js和css,但很多時候占用網站打開速度的是我們的網站圖片數量和大小。

字符播客網站優化

如何優化我們的圖片?

? ? 利用圖片處理軟件:將圖片弄小點,讓圖片大小和要展示的限制大小一致,多采用jpg壓縮格式的圖片;

? ? 將小圖片合并為一個圖片文件:通過背景加載,位置偏移讀取來實現在同個文件中摳取自己需要的那個圖標,這個如果是自己做網站的話可以采用,如果像我這樣采用別人的主題的話(雖然我的主題很少見圖片式小圖標,基本都用awesome font實現了)可以不考慮。

? ? 采用延時加載:就是等整個網站都加載好后,通過監控滾動條來實現,一般會在距用戶看到某圖片前一定距離開始加載,這樣大大提高了網站加載速度,提高用戶體驗。(可以使用lazyload.js圖片延時加載插件完成)。

上面的方式最好的還是采用延時加載的方式,可以說沒有占用到網站的加載時間。

為何字符播客沒有完全采用延時加載?

? ? 1,因為它也有弊端,就是當你把瀏覽器的javascript關閉(也就是設置不允許運行javasript時)它將一點作用都沒有,就是說圖片將永遠不會展示出來。

? ? 2,不利于seo,因為搜索引擎不會像人一樣拖拉瀏覽器進行加載網站進行抓取,這樣的話,圖片可以說是無法抓取了。

? ? 3,現在的服務器響應速度都很快了,而且我們的帶寬也越來越給力了(應該越來越給力吧,雖然有點坑,你們懂的),也可以慢慢不考慮圖片大小了。

什么情況下要考慮延時加載?

? ? 如果你使用的是國外主機,而且自我感覺加載速度很慢,而且不想使用cdn,可以考慮采用延時加載。另外如果這些圖片不重要,也不想它們seo,也可以采用延時加載的哦。

上面提到字符播客沒有完全使用延時加載,說明字符播客也部分采用了

? ? 對的,字符播客的確采用了延時加載,能節省點速度,盡量節省吧,畢竟購買的主機不能說非常好。

 

 

發表評論

電子郵件地址不會被公開。 必填項已用*標注

白小姐三肖中特期期准一点红