大雨在下我畫圖, 水深火熱傾牢騷, 網站設計萬萬種

網速追追追!到底追什麼?!

網頁效能的愛恨情仇

『此篇文章歷經大難而紀念』雖說網頁效能最後呈現結果牽扯的原因很多且複雜,且的確非常糟糕的網頁讀取速度是足以讓使用者跳出,進一步使業者荷包大失血。這就是我近期的功課,老闆不滿意網站的讀取速度,因此我完全將視覺、其他日常庶務擺在一旁,徹底投入網頁速度加速、SEO等工作…  

首先我當然是先將網頁丟進google的PageSpeed Insights裏頭,當然得到慘不忍睹的分數,行動3分電腦28分= =a
好吧我就開始徹底來看看什麼法子,要不網頁一天到尾被老闆嫌慢我看哪天被fired也不遠,加上必取同事冷眼旁觀,更想好好征服這QQ

後來首先使用WP Rocket

我在這篇文章“How To Speed Up Your Site Using Plugins”
其中它推薦的快取外掛其中之一是WP Rocket,於是開始試用了看看。

但畢竟是第一次使用快取外掛,我先是發現我的CSS和JS並無達到最小化,也就是說WP Rocket這外掛並沒全然奏效。於是又開始查資料

要使WP Rocket外掛完全發揮效用的方式

  1. 寫入授權到以下檔案
    .htacess
    wp-config.php
    advanced-cache.php
    WP Rocket資料夾調整
    Cache folder 或其他子快取資料夾皆要調整

  2. .htaccess部分
    確定授權是644,裏頭應該有這樣的字樣,總之沒看到開頭有WP就知道問題出在這!

    BEGIN WP Rocket v{version number} 
    … lots of code in here … 
    # END WP Rocket 
    … other code down here
     
  3. wp-config.php 部分也是確定授權644, 會在wordpress跟目錄下。
    檔案打開

    define( ‘WP_CACHE’, true ); // Added by WP Rocket 
    若你剛好也是用siteground,也用SG Optimizer,這些會干擾,我個人覺得快取類外掛一個就夠了。
  4. advanced-cache.php 部分
    看它有無乖乖在wp-content資料夾,有的話你的外掛應該會出現一個強化外掛,感覺就很威猛,感覺…

  5. 主題footer的頁腳
    官網說,直接看下有無這行就是了。

後來的確有出現這行,好像似乎奏效,接著我又作了以下步驟

  • 刪除其他同樣是快取類的外掛,連同Jetpack
  • 圖片全面使用optimizor如 imagecompressor.com 去壓縮
  • 後來查到一筆資料,若是能盡量使用SVG這種格式的圖片最好,Avada也有教學如何支援SVG
  • 外掛沒用的刪一刪等等

緊張的跑分…= =

GTmetrix 好像還行?
屏東網給的分數有待加強
dAREBOOST分數也有待加強
varvy.com/pagespeed 給分真大方

總結還尚須改善

延後未使用的css在外掛相關都以勾選,但還是有這問題,可能得在找答案;而降低REQUEST也得在找資料。原本看wp Rocket還有個外掛可用nginx,查了一下

其實該有的好像都有了欸…為何還慢呢?除了上述還有的改善的點,我想就是整體衰運影響著網站和公司的運勢= = +

小人退散!!!


其他這陣子衰小一堆的心得:

1.關於cloudflare

siteground有提供免費的cloudflare服務,我覺得直接去該官網註冊登記,比起在siteground裡的cpanel介面裡頭按

後來我發生了好幾個小時神秘DNS錯亂事件,害我怒用siteground還原大法,但那幾個小時夠被老闆罵臭頭。e04!

2.快取外掛一個就好

太多一堆搶著lazy loding到最後圖片真的會給你讀不出來,甚至可能連Avada的些選項也得取消。

3.Google pagespeed insight參考就好

除非你想使用AWP主題,那的確讓你手機秒開,但布景重作吧! 但上面那句話怎麼說給老闆聽QQ


最後電視突然播起一個讀書會, 
談到所謂...

緣起/緣滅 總是相伴而生


執著 然 著魔

就這樣 Let’s it GO

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *