如何在WordPress變更中運行自動化的Lighthouse審核

最後更新日期
如何在WordPress變更中運行自動化的Lighthouse審核

創建GitHub倉庫

使JAMstack,內容</a>,WordPress內容</a>,使Lighthouse<br/><br/>,GitHub,使,<br/><br/>使git工具</a>git,,<br/><br/>,repoworkflow

優勢 劣勢
機會
  • wordpress的插件和擴展生態系統提供了各種自動化工具和功能
  • 對於使用wordpress網站的用戶,自動化lighthouse審核是一個吸引和留住用戶的亮點
  • 提供定期的自動化lighthouse審核可以提高網站性能和使用者體驗
  • 使用wordpress平台可以輕鬆建立網站,提供了相對簡單的介面和功能
  • lighthouse審核提供了全面的性能評估和最佳實踐建議
  • 自動化lighthouse審核能夠節省時間並提高效率
威脅
  • lighthouse審核工具在一些特定情況下可能無法準確評估性能問題
  • 自動化lighthouse審核需要有相關的技術能力和配置設置
  • 常規性的審核可能造成對伺服器資源的過度使用
  • 競爭對手可能會推出類似或更優秀的自動化lighthouse審核解決方案
  • 使用自動化lighthouse審核可能會使網站暴露出一些安全風險
  • 在自動化過程中出現的錯誤可能會導致錯誤的評估和不準確的結果
表: 強弱危機分析(最後更新: 2020-10-09)

在自動化過程中出現的錯誤可能會導致錯誤的評估和不準確的結果

GitHub Actions 使工作流程</a> Lighthouse CI Action,使,: ".github/workflows" <br/><br/> YAML 如何</a>使 GitHub <br/><br/> Python ,便

克隆GitHub倉庫

,/GitPython ``` pip install gitpython ``` ,wordpress-updates ``` full_path = "/content/wordpress-updates" username = "hamletbatista" password = "<pre><code>&lt;&gt;</code></pre>" remote = f"https://{username}:{password}@github.com/hamletbatista/wordpress-updates.git" ``` Python ``` from git import Repo Repo.clone_from(remote, full_path) ```

更新克隆的倉庫

將我們的變更推送到GitHub倉庫

自動更新YAML配置文件

讀取YAML文件

使PyYAMLPython ,PyYAML:pip install PyYAML ,使main.ymlPython: import yaml with open(".github/workflows/main.yml", "r") as f:    main_workflow = yaml.load(f) Python,URL<br/><br/>URL: 1. URLs, 2. URL清單</a>,URL 3</a>. URL(清單</a>)<br/><br/> : changed_urls = ["url1", "url2", "url3</a>"] new_urls = " ".join(changed_urls) ,URLs: URLs: main_workflow["jobs"]["lighthouse"]["steps"][1]["with"]["urls"] = new_urls ,URLs: old_urls = main_workflow["jobs"]["lighthouse"]["steps"][1]["with"]["urls"] main_workflow["jobs"]["lighthouse"]["steps"][1]["with"]["urls"] = old_urls + new_urls

回寫到YAML文件

, 使open".github/workflows/main.yml"("w"),使yaml.dump()main_workflowYAML<br/><br/>URL,default_flow_style=False GitHubmain.yml,,Lighthouse CIURL,URL,<br/><br/>

創建Lighthouse性能預算

Lighthouse CI預算</a>,預算</a><br/><br/>預算</a>,/調 [ { "path": "/*", "resourceSizes": [ { "resourceType": "document", "budget": 18 }, { "resourceType": "total", "budget": 200 } ] }] YAML main_workflow["jobs"]["lighthouse"]["steps"][1]["with"]["budgetPath"] = "./budget.json" ,budget.json<br/><br/>URLLighthouse,WordPress,如何</a>?

Ping服務

PythonGoogle Cloud Function,便WordPress,:XML使URL清單</a>/main.yml<br/><br/>main.ymlGitHub,WordPress調WordPressPing使<br/><br/>WordPress,URL,WordPressURL,XML

相關數據:
  • 67%的wordpress網站是針對seo進行了優化 來源: moz
  • 全球有57.5%的網站使用wordpress作為其內容管理系統 來源: w3techs
  • 美國有33.6%的網站使用wordpress 來源: w3techs
  • 英國有25.7%的網站使用wordpress 來源: w3techs
  • 日本有27.1%的網站使用wordpress 來源: w3techs
  • 法國有29.5%的網站使用wordpress 來源: w3techs
  • 台灣有20.9%的網站使用wordpress 來源: w3techs

部署雲函數

Cloud Function,使Google Compute Engine ``` !gcloud auth login --no-launch-browser !gcloud config set project project-name ``` gistCloud Function,,GitHubgistrequirements.txt,Cloud FunctionGitHub使, ``` !gcloud functions deploy wordpress_ping_post --runtime python3</a>7 --trigger-http --allow-unauthenticated --set-env-vars username=<pre><code>&lt;your GitHub username&gt;</code></pre>,password=<pre><code>&lt;copy your GitHub private token&gt;</code></pre> ``` WordPress PingURL


撰稿人

Michael Chen (麥可·陳)

專長SEO效果追蹤和數據驅動的優化策略

興趣寫作熱愛科技和創新的專欄作家。他深入探討SEO在網絡科技領域的應用,並分享相關的最佳實踐和趨勢

留言