發表文章

【實例分享】碰到網站速度過慢怎麼辦?優化網站速度解析!(下)

圖片
       上一篇講到了如何檢測網頁速度,在檢測完網頁速度後,我們要如何進行網頁速度優化?這邊以一個WordPress的案例來跟各位分享,可以看到網頁速度在優化前非常的差,那我們這邊針對幾個項目去做優化,並同時介紹WordPress相對應的外掛程式,就可以看到非常好的效果囉! 優化網頁速度 一、 壓縮圖片:         壓縮圖片是在做網站速度優化最基本的,在架設網站的時候可以先使用 TinyJPG 這個網站 初步的進行壓縮圖片又不會使圖片失真,也可以使用圖片壓縮的外掛「Imagify」針對圖片再次進行壓縮,在壓縮圖片時你應該要注意以下幾點: 1. 每張圖檔大小不超過100Kb 2. 以網頁顯示解析度去設定圖片大小 (不用使用原始尺寸) 二、 壓縮或排除未使用的CSS及JavaScript語法:        在使用WordPress架設網站的時候會套用一些佈景主題,這些佈景主題的內容並不會全部使用,但仍會占用你載入的時間,因此需要排除掉未使用的CSS及JavaScript語法,但若是不知道那些需要排除,可以使用Autoptimize協助你將這些語法進行壓縮! 三、 關掉未使用的外掛及刪除未使用的圖片:        WordPress套用佈景主題的時候可能會自動載入一些外掛程式及圖片,但未必所有功能都會使用到,記得將這些無用的外掛或圖片進行關閉/刪除的動作,不然也會占用網頁的載入時間喔! 四、 建立Gzip壓縮        建立Gzip壓縮會將你的網頁內容先進行壓縮,在傳輸到接收端後再進行解壓縮,可以提升網頁傳輸的速度,WordPress外掛搜尋Gzip可以找到很多相對應的外掛可以安裝,大家挑一個安裝就可以囉! 五、 設置Lazy-load         設置Lazy-load可以幫助你在載入頁面的時候依序載入內容,將一開始未顯示在頁面的內容延緩載入,加速頁面載入時間,使用Autoptimize就可以輕鬆地設置Lazy-load喔!     ...

【實例分享】碰到網站速度過慢怎麼辦?優化網站速度解析!(上)

圖片
        相信有不少人投遞廣告的時候,會發現Landing Page跳出率過高,可能要檢視Landing Page的內容,但其實當網頁速度載入過慢也會導致跳出率變高,這邊就依據我先前碰到的問題來跟大家分享,並說明如何針對網頁速度再進行優化! 檢測網站速度         進行網站速度優化的一開始,需要先檢測網站的速度,這邊跟各位介紹幾個我常用的網頁速度檢測的網站,先來檢視自己的網頁速度跟需要優化的地方喔! 一、 Google Page Speed Insights         Page Speed Insight 是Google官方的網頁速度檢測網站,評分從1~100,會根據裝置的不同分成行動版及電腦版,並檢測現在的頁面可能的問題,並提供最佳化的建議! 二、 WebPageTest         WebPageTest 也是我常用的網頁速度檢測網站,可以依據不同國家/地區及裝置進行檢測,有高達65種不同的國家節點及15種不同的裝置類型,並且根據不同的網頁效能 (如:TTFB 、壓縮、快取、使用CDN等) 以A~F去評等,並且提供細部的報表供你一一做檢視。 缺點是WebPageTestebPageTest現在國家/地區並無台灣,僅能選擇鄰近國家做測試,數據上會有落差。  三、 GTmetrix         GTmetix 是我最常使用的網頁檢測速度網站,可以同時檢測PageSpeed和YSlow分數,並可以依不同的項目分別給予A~F的評級,並且會列出需要修正的項目,也可以檢視頁面載入的各個時機點及瀑布圖。GTmetrix免費註冊後可以調整許多細部的內容,像是瀏覽器可以選擇Chrome或Firefox,並能依據不同的連線速度去做測試,也可以儲存每次測試的結果,以供之後回頭檢視,非常建議註冊免費帳號,可以體驗更完整的GTmetrix功能喔!           接下來在下一篇會跟各位講解如何優化你的網頁速度!

你不能不知道的數位行銷名詞解釋

圖片
        數位行銷有很多術語,聽得你總是霧煞煞嗎?特別是在投遞廣告的時候常常聽到ROAS、CPC、CTR等等,還搞不懂這些名詞代表甚麼意思嗎?沒關係,這邊一次告訴你! SEO& SEM 差別在哪裡?! 在數位行銷裡常常聽到SEO跟SEM, 佛細小編 佛系行銷人 佛系賺錢