国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Hexo博客訪問優(yōu)化

社區(qū)管理員 / 571人閱讀

通過Hexo&Gitpage方案部署的博客系統(tǒng)，訪問速度確實(shí)很慢。一個(gè)網(wǎng)站如果在4秒內(nèi)沒有讀取出來，大多數(shù)訪客會(huì)選擇離開。

分析

首先需要排查出頁面加載速度慢的原因，這里我們結(jié)合Chrome開發(fā)者工具和開源的在線網(wǎng)站測(cè)試（模擬不同地區(qū)和終端）進(jìn)行測(cè)試。

chrome分析結(jié)果

通過比較Gitpage和本地訪問情況，可以看出DomcontentLoad加載時(shí)間沒有多少差距，那當(dāng)然是請(qǐng)求資源load耗時(shí)比較長，其中一張4.5M的圖片資源加載了3分鐘。Chrome Devtool`相關(guān)介紹可以參考文檔資料。

image.png

優(yōu)化

  1. 圖片壓縮，加載一張圖片速度是很慢

  2. 靜態(tài)資源使用CDN加速

  3. 圖片使用JsDelivs CDN加速，每次需要四個(gè)步驟，顯然是反人類的,思考了一番,暫時(shí)通過一下方式解決，后續(xù)可以將所有操作步驟整合到命令工具中。

    復(fù)制博客所在目錄圖片到CDN倉庫目錄 --> push到遠(yuǎn)程分支 --> release --> 修改博客文件圖片引用地址 
python命令行工具 --> git命令 --> 開源release-it --> 修改paste Image配置

優(yōu)化后頁面記載情況

可以看出，通過上述優(yōu)化配置，圖片資源加載速度提升很多。

思考

  1. 瀏覽器輸入框輸入U(xiǎn)RL，瀏覽器到底為我們做了什么？

  2. python命令行工具可不可以使用shell script替換。

  3. 頁面資源請(qǐng)求如何發(fā)起？（當(dāng)頁面滾到圖片位置，開始發(fā)起請(qǐng)求）


文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/127923.html

相關(guān)文章

  • 優(yōu)化hexo訪問速度-將hexo部署到云主機(jī)VPS

    摘要：寫在開始一開始將自己部署到，結(jié)果發(fā)現(xiàn)打開頁面速度有點(diǎn)慢，然后又將其同時(shí)部署到實(shí)現(xiàn)雙線路訪問，國內(nèi)解析記錄到，國外解析到，這樣確實(shí)網(wǎng)站的速度能提高不少，但是國內(nèi)訪問因?yàn)槭墙?jīng)過，所以打開網(wǎng)站會(huì)有廣告，這點(diǎn)不能容忍，于是想到自己的服務(wù)器也還空閑著 寫在開始 一開始將自己hexo部署到github，結(jié)果發(fā)現(xiàn)打開頁面速度有點(diǎn)慢，然后又將其同時(shí)部署到coding,實(shí)現(xiàn)雙線路訪問，國內(nèi)解析記錄到co...

    yhaolpz 評(píng)論0 收藏0

  • 博客從WordPress遷移到Hexo

    摘要：既然對(duì)感覺不錯(cuò)，那為什么要把博客從遷移到上呢。可以參考此文檔進(jìn)去可以選擇中文安裝所有必備的應(yīng)用程序安裝完成后，即可使用安裝。插件安裝完成后，執(zhí)行下列命令來遷移所有文章。部署代碼到清除緩存文件和已生成的靜態(tài)文件。 偶然的機(jī)會(huì)看到了Hexo，就深深被吸引了，加載速度快，支持Makedown,還支持部署到Github上。作為一位PHP程序員，之前的博客用的是PHP開發(fā)的WordPress,其...

    caspar 評(píng)論0 收藏0

  • hexo高階教程：next主題優(yōu)化之加入網(wǎng)易云音樂、網(wǎng)易云跟帖、炫酷動(dòng)態(tài)背景、自定義樣式，打造屬于你

    摘要：我選擇的是萬網(wǎng)，阿里下面的。然后在主題配置文件下添加主題配置文件中添加自定義樣式不得不說還是很人性化的，你可以個(gè)性化定制你的網(wǎng)站，你所有的改動(dòng)需要放在主題文件的文件中，會(huì) 前言 本篇文章是在已經(jīng)搭建好gitpage+hexo的博客的前提下（不懂怎么搭建的可以參考我的另一篇博文：了解githubPages+hexo搭建博客的原理 或者利用Gitpage+hexo開發(fā)自己的博客，這兩篇博文...

    weizx 評(píng)論0 收藏0

  • hexo高階教程：next主題優(yōu)化之加入網(wǎng)易云音樂、網(wǎng)易云跟帖、炫酷動(dòng)態(tài)背景、自定義樣式，打造屬于你

    摘要：我選擇的是萬網(wǎng)，阿里下面的。然后在主題配置文件下添加主題配置文件中添加自定義樣式不得不說還是很人性化的，你可以個(gè)性化定制你的網(wǎng)站，你所有的改動(dòng)需要放在主題文件的文件中，會(huì) 前言 本篇文章是在已經(jīng)搭建好gitpage+hexo的博客的前提下（不懂怎么搭建的可以參考我的另一篇博文：了解githubPages+hexo搭建博客的原理 或者利用Gitpage+hexo開發(fā)自己的博客，這兩篇博文...

    SoapEye 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<