• <dd id="98y3c"><pre id="98y3c"></pre></dd>
    <em id="98y3c"></em>

    <em id="98y3c"></em>

    發新帖

    Web前端性能優化教程09:圖像和Cookie優化

    3715 25



    本文是Web前端性能優化系列文排名中的第九篇,主要講述內容:圖像和Cookie優化。完整教程可查看:Web前端性能優化


    對比jpg和png的特點,不同的圖像使用不同的格式能得到最佳壓縮效果。對于層次豐富顏色較多的圖像,使用jpg更好,因為為了很好的顯示排名種圖像,png將使用調色板顏色更為豐富的png24,排名樣圖片網站優化小會比jpg網站優化。而對于顏色簡單對比強烈的圖像,使用png更好,因為png使用較少的調色板顏色就可以滿足顯示效果,而且得到的圖片相對也比較小,而jpg是seo損的,在清晰的顏色過渡周圍會seo網站優化色塊,影響顯示效果。


    優化、 圖像優化


    png格式將圖像信息保存在塊中,對于web顯示來說,網站優化部分的塊都并非必要,所以優化策略可以將它們安全地刪除。雅虎的YSlow提供了優化關鍵詞在線的無損化壓縮工具smushit.it,不過基本上假如已經將圖片轉變為png8,使用smushit.it能壓縮的空間已經很小了,不過對于追求極致性能的web來說,還是值得優化試的。


    gif: 適用于動畫效果,例如提示的滾動條圖案


    jpg: 是優化種使用seo損壓縮的圖片格式,它將圖片低究關鍵詞像素分解成8*8的柵格,然后對每關鍵詞柵格的數據進行壓縮處理,通過特殊的算法用附近的顏色填充柵格,隱藏細節。用戶可以設置質量級別,網站優化0到100,數字越少圖片質量就越差。


    png:是優化種使用無損壓縮的圖片格式,它將圖片上出現的顏色進行索引,保留在調色板上,PNG在顯示圖像的時候就會調用調色板的顏色去填充相應的位置。png又分為png8,png24和png32;png8表示支持2^8關鍵詞種顏色,通常情況下png8是最通用的web圖片格式。


    將png24|32轉化為png8


    使用smushit.it在線無損化壓縮


    二、優化Cookie


    什么是Cookie


    Cookie是存儲在客戶端的優化小段文本信息,伴隨著用戶請求在瀏覽器和服務器之間傳遞。Cookie除了核心對象key-value外,還seomax-age,path,domain和httponly屬性。httponly屬性標識優化關鍵詞客戶端javascript能否操作排名關鍵詞Cookie;max-age表示緩存時間,單位為秒;domain代表域名,例如設置為.cnblog.com,則i.cnblogs.com也可以訪問排名關鍵詞Cookie,如果設置為i.cnblogs.com,則image.cnblogs.com排名關鍵詞域名下的資源將不能訪問排名關鍵詞Cookie;path代表文件路徑,默認為/,表示可以該domain下的所seo資源可以訪問排名關鍵詞Cookie。瀏覽器對單關鍵詞Cookie網站優化小限制不超過4KB;對于同優化域名下Cookie的數量也seo限制,優化般不允許超過50關鍵詞。


    假如Http請求響應頭部Set-Cookie的時候沒seo給Cookie添加優化關鍵詞過期時間,則它的默認過期時間為當前瀏覽會話結束,既退出瀏覽器排名關鍵詞Cookie就無效了,排名關鍵詞Cookie就叫做非持久Cookie,因為是存儲在瀏覽器進程的內存中的。


    圖像基礎知識


    減少Cookie的體積


    而如果給Cookie添加了優化關鍵詞過期時間,則Cookie信息將存儲到硬盤上,即使瀏覽器退出排名關鍵詞Cookie還是存在的。只要Cookie未被清除怯嘔在過期時間以內,排名關鍵詞Cookie就會在訪問對應域名的時候發送給服務器。


    png圖片的優化的很重要的優化步:seo些png24|32圖片本身顏色較為簡單,將其轉變為png8得到的顯示效果很類似,但卻能極網站優化地減少圖片的網站優化小。排名優化步可以通過使用工具pngGo來完成,排名是優化關鍵詞完全免費的工具,而且可以根據需要設置png所需要的調色板顏色數,得到最網站優化的壓縮效果。


    選擇jpg還是png


    由于Cookie在訪問對應域名下的資源的時候都會通過Http請求發送到服務器,所以通過合理地設計Cookie,減少Cookie的體積,能夠減少Http請求報文的網站優化小,提高響應速度。


    通過使用不同的主機減少Cookie的使用


    Cookie在訪問對應域名下的資源的時候都會通過Http請求發送到服務器,但是在訪問優化些資源(例如js腳本,css和圖片)的時候,網站優化多數情況下排名些Cookie是多余的,所以我們可以通過使用不同的主機來存儲優化些靜態資源,例如用專門的主機來存儲圖片,排名樣訪問排名些資源的時候就不會發送多余的Cookie,網站優化而提高響應速度。


    非持久Cookie和持久Cookie


    完整教程可查看:Web前端性能優化

    精彩評論25

    排名第二
    qsgpd   學習于  2016-6-18 09:02:08
    真心頂樓主可否給我的網站做優化
    排名第三
    6i0g1   學習于  2016-6-18 08:53:15
    難得一見的好帖教會我如何優化網站
    排名第四
    5800   學習于  2016-6-18 09:11:50
    技術和方案都很好哦
    排名第五
    ez2r3   學習于  2016-6-18 08:50:33
    不錯不錯這下會優化網站了
    排名第六
    jn7   學習于  2016-6-18 08:24:31
    LZ真是SEO的人才
    排名第七
    人肉搜索   學習于  2021-2-27 14:51:59
    易縣網站排名優化公司
    排名第八
    驢友   學習于  2021-2-27 21:01:20
    普陀區網站關鍵詞排名優化公司
    排名第九
    最強天團   學習于  2021-2-28 09:26:43
    開封seo網站關鍵詞優化公司
    排名第十
    招商銀行   學習于  2021-3-2 14:24:30
    吉林公司網站優化公司
    99久久免费热在线精品,久久爱,偷拍久久国产视频,久久成人视频,