PageSpeed Insights API 沒有 LighthouseResults
[英]PageSpeed Insights API without LighthouseResults
打開Pagespeed UI並運行 URL 時，帶有核心 web vitals 的頂部幾乎立即出現。 在我當前的用例中，我只對那部分感興趣，而不是下面的 Lighthouse 診斷（加載需要幾秒鍾）。 但是當調用 API 時，我找不到排除 lighthouseResults（以提高性能）的方法。 ...
如何提高燈塔中新創建的 nextjs 應用程序的性能
[英]how to increase performance of new created nextjs app in lighthouse
我創建了一個新的 nextjs 應用程序並在 lighthouse 中打開它的瀏覽器，但它的性能太低了。 如何改善此跟隨錯誤。 最小化主線程工作——9.1 秒減少 JavaScript 執行時間 -- 4.5 秒查看新 nextjs 應用程序的屏幕截圖 ...
在 Lighthouse React App 中優化性能以獲得更好的指標
[英]optimizing performance for better metrics in lighthouse React App
大家好我正在開發一個大型 React 應用程序，我的新任務是優化它的性能以獲得更好的燈塔性能分數我遇到的大問題是關於 lcp（最大的 contentfull paint）元素現在被稱為我們的頁面lcp 是一個有圖像背景的 div，我讀過很多關於如何優化該圖像的文章，但所有關於 static 資產的討 ...
我想了解 1000 個並發負載下的 Web 應用程序之一的客戶端性能（主要是圖像、CSS 加載時間）
[英]I want to understand how client side performance (image , css loading time mainly)for one of the web application under 1000 concurrent load
我計划使用 jmeter 加載 1000 個並發用戶的后端 api，同時使用 chrome lighthouse 或 pagespeed insight 工具來了解客戶端的執行情況。 這是正確的方法還是有更好的方法來做到這一點？ 嘗試以 1000 個並發負載加載后端 api，同時使用 lighth ...
如何使網頁上的響應式菜單中的鏈接可抓取？
[英]How to make links crawlable in a responsive menu on a webpage?
當我根據此處非常好的模板在網頁上創建響應式菜單時： https ://www.w3schools.com/howto/howto_js_topnav_responsive.asp google lighthouse 聲稱這些鏈接不可抓取。 如何使鏈接可抓取 ...
為什么無法獲取或解析我的 manifest.json 文件？
[英]Why my manifest.json file could not be fetched or parsed?
我已經制作了我在本地托管的 PWA，並且運行良好。 一旦我將所有內容上傳到托管服務，它似乎就不再工作了。 我檢查了 Lighthouse，它提到清單文件有問題。 這是 Lighthouse 給我的消息。 我很困惑為什么清單文件有問題，因為它在本地主機上運行良好。 這是 manifest.json ...
如何在 laravel 中使用燈塔在 GraphQL 的訪問點傳遞參數，例如 {url}/graphql?development=true
[英]How can I pass params at access point of GraphQL such as {url}/graphql?development=true by using lighthouse in laravel
我如何通過 laravel 中的燈塔在 GraphQL 的訪問點傳遞參數，例如{url}/graphql?development=true 。如果開發是真的，我想在 laravel 中使用不同的數據庫。 http://127.0.0.1:8000/graphql?development=true ...
如何配置PageSpeed API到React Application進行性能監控
[英]How to configure PageSpeed API to React Application for performance monitoring
我想將 Pagespeed API 配置為 React 應用程序，我想用 Field 和 Lab Data 檢查我的應用程序的性能，我聽說過 lighthouse 但它只顯示實驗室數據，所以我想自動化它在每個重大改變/承諾檢查你沒有破壞某些東西。 ...
如何為由 cypress-audit package 生成的燈塔報告指定自定義名稱
[英]how to give a custom name for lighthouse report which is generated by cypress-audit package
我需要為多個測試場景生成多個燈塔報告。 通過使用 cypress-audit package 我寫了一個生成燈塔報告的方法。 在下面你可以看到那個方法 下面你可以看到我是如何在調用“lighthouseAudit”方法后生成報告的 如您所見，我將報告命名為“lightHouseReport.htm ...
如何在 lighthouse 以外的 React 應用程序中自動化 web 性能工具
[英]How to Automate web performance tools in React Application other than lighthouse
我正在尋找一個 web 性能工具，它可以添加到本地主機 CI-CD 管道，而不是在 PageSpeed Insights 中手動輸入 URL 進行性能檢查，我聽說過 Pingdom，但真的不知道如何實施或將其添加到我的本地主機，因為沒有足夠的資源，我正在尋找一個可以自動化的工具，而不是 Lighth ...
來自 AWS CloudFront 的外部 Next.js 圖像的緩存控制策略對於 Google Lighthouse 效率不高
[英]Cache-Control policy for external Next.js Image coming from AWS CloudFront is not efficient for Google Lighthouse
我正在嘗試通過修復 Google Lighthouse 報告的所有問題來優化我的 Next.js 應用程序。 它目前在圖像方面最重要的陷阱之一： 根據文檔，Next.js 自動為static文件夾中的媒體執行此操作 Next.js 自動將緩存標頭添加到從 /_next/static 提供的不可變資 ...
如何在等待所有組件加載時隱藏 html 個元素？
[英]how to hide html elements while waiting for all components to be loaded?
鉻燈塔告訴我： performance 89 （橙色） Cumulative Layout Shift 0.388 （紅色警報！） Avoid large layout shifts html： css： 加載 DOM 時的 js： 最后，當 dom 中的一切就緒時，通過window.on ...
按 laravel 燈塔 graphql 中的相關列排序
[英]sort by related column in laravel lighthouse graphql
如何按 laravel 燈塔 graphql 中的相關列進行排序？ 例如，我的產品只有一個類別，但我無法按類別排序。 我怎樣才能做到這一點？ GraphQL 我的模型，您可以在其中查看產品和類別之間的關系 解決方案創建生成器 然后將構建器添加到 schema.graphql 現在您可以通過關系來電 ...
Laravel Lighthouse 如何在.php 文件中使用@paginate 指令？
[英]Laravel Lighthouse How to use @paginate directive with .php file?
我正在使用 Lighthouse 實現查詢。 我正在使用 @paginate 指令，但它是一個復雜的條件，我想將它寫在 a.php 文件中。 我已經看過但無法弄清楚如何做到這一點，所以我需要幫助。 以下方法獲取關系失敗，結果為null。 graphql - Laravel 燈塔分頁字段結果 - ...
從 PHP 文件運行 Google Lighthouse 的問題
[英]Issue running Google Lighthouse from PHP file
我安裝了 Lighthouse 來為我們的網站運行速度測試分數。它對我來說有效，用戶zak 我希望能夠從 php 腳本運行它。這是整個腳本。 我得到回報： www數據 exaple.com 的測試結果： npm 錯誤！ 無法讀取未定義的屬性（讀取“split”） 如果我以 Zak 登錄本機運行該 ...
燈塔：設置顯式寬度和高度的問題
[英]Lighthouse: Problem setting explicit width and height
我目前正在嘗試提高我網站的 Lighthouse 分數。 Lighthouse 顯示的最大問題是我沒有為我的圖像使用明確的寬度和高度。 問題在於我的圖像幾乎都有非常不同的縱橫比，並且一直在添加新圖像，因此無法手動修復此問題。 有哪些選擇可以解決這個問題？ ...
燈塔性能優化
[英]Lighthouse Performance Optimisations
在 LCP、CLS、TTI、TBT、CLS、速度指數中，我應該最關注哪個指標來改進？ （理想情況下，我應該專注於所有這些，但我正在嘗試幾種優化 LCP 的方法，但它們會導致其他指標下降）。 我在模擬節流上運行一次燈塔測試，然后在沒有應用節流的情況下在開發工具節流上運行，然后當我運行燈塔掃描時，我通 ...
為什么 DevTools 限制選項沒有改變我的 Lighthouse 性能？
[英]Why are DevTools throttling options are not changing my Lighthouse performance?
我能找到的關於為什么 Lighthouse 性能得分與台式機有很大不同的每個資源都說這是因為帶寬/節流設置為 3G（仍然？），但更改節流設置並不會改變我的性能評級。 我用錯了嗎？ 在 Lighthouse 選項卡中，我 select DevTools 節流（高級）： 選擇該選項后沒有進一步的設置 ...
svg 圖像的燈塔誤報？
[英]Lighthouse false positive for svg image?
Lighthouse 將 svg 圖像標記為“顯示具有不正確縱橫比的圖像”： 顯示的大小確實是50x50像素，這是用css設置的。 但是，Lighthouse 聲稱實際的縱橫比是 300x150，而我相信實際的縱橫比是 24x24。 這是 Lighthouse 的誤報嗎？ 我能做些什么來擺脫這 ...
收集該領域最大的內容繪制指標的最完整方法是什么？
[英]What is the most complete way to gather the largest contentful paint metric in the field?
我想在實際用戶頁面加載的“字段”中以編程方式收集“最大內容繪制”指標，並將其報告給數據收集工具。 我知道我可以通過在特定 URL 上運行 lighthouse 在更人工的上下文中為單個頁面獲取此指標，但我想在實際用戶運行我的應用程序時收集它。 我知道在 Javascript 中有一個新的最大內容油 ...