一直知道網頁打開的速度對用戶來說非常重要,Google、百度的站長指南和一些新聞中也反複強調在手機端打開網頁的速度更重要,我也知道一些測試速度的辦法,但平時很少去用,隻是憑自己打開我們自己網站的感覺,或者看監控報警來排查打開慢的問題。
我們使用了Drupal、MediaWiki等現成的CMS,主要就是按照網上的一些相關文章去優化性能,但主要都是數據庫、PHP等後端的一些性能優化,前端方面關注、改進很少。而我們去年、今年做的完全自己開發的信息查詢平台的過程中,開發人員對頁面打開速度進行了更多的測試和優化,對js, css, 圖片等細節進行減少後也明顯降低了頁面打開時間。
其實應該更主動去監控、排查網頁打開速度相關問題的,這個直接影響到搜索收錄、網站流量、廣告收入。這兩天用PageSpeed Insights這個工具來進行了一些測試,這個工具是Google提供的,有國外和國内兩個不同的網址可用:
- 國外:https://developers.google.com/speed/pagespeed/insights/
- 國内:https://developers.google.cn/speed/pagespeed/insights/
所以這對國内開發者來說也是一個福音,不會被牆。我測試的網站情況如下:
- MediaWiki搭建的PC網站-桌面設備:97(優)
- MediaWiki搭建的移動網站-移動設備:55(中)
- MediaWiki搭建的AMP網站-移動設備:79(中)
- Drupal搭建的響應式網站-桌面設備:90(優)
- Drupal搭建的響應式網站-移動設備:55(中)
- Drupal搭建的AMP網站-移動設備:48(差,這個有些奇怪,不應如此的,待查)
這隻是測試的一組,不能代表各種網站,但基本上可以看出共性:在桌面設備上看都是優秀的,而在移動設備上查看的效果都不是很好。一些紅色的提示:
- 可交互前的耗時 9.2 秒
- 首次 CPU 閑置時間 8.5 秒
- 最長的潛在 FID 350 毫秒
- 最大限度地減少主線程工作 4.5 秒
- 采用高效的緩存策略提供靜态資源 找到了 17 項資源
我本人對于前端技術不是很熟悉,準備下周請教做技術的同事,一起來查看、想辦法提升性能。
還了解到有個開源的 PageSpeed 模塊,包含了Apache的版本mod_pagespeed,可以對Web服務器自動進行一些優化工作,這個也有待下周安裝測試。
還有更多資料:
2018年7月開始Google确認頁面速度影響移動搜索排名,這也算是搜索排名算法中一個大的改變,現在看來對我們網站也是産生了一些排名的下降、流量的下降,需要趕緊花一些時間來處理了!
我在自己的博客中還找到一篇《試用Google的Page Speed Service》,是2011年的文章,可惜我們還是沒有對訪問速度引起足夠的重視,一直忙于内容的構建、廣告的變現、緊急情況的處理等,現在看來做網站還是需要把每個環節都做到極緻,包括速度優化。
评论1
我剛做了測試,桌面端隻有77分,手機端隻有30分。還有救嗎
我剛做了測試,桌面端隻有77分,手機端隻有30分。還有救嗎