|
2658 | 2658 | "message": "Consider using the `BreakpointObserver` utility in the Component Dev Kit (CDK) to manage image breakpoints. [Learn more](https://material.angular.io/cdk/layout/overview)." |
2659 | 2659 | }, |
2660 | 2660 | "node_modules/lighthouse-stack-packs/packs/drupal.js | efficient-animated-content": { |
2661 | | - "message": "Consider uploading your GIF to a service which will make it available to embed as an HTML5 video." |
2662 | | - }, |
2663 | | - "node_modules/lighthouse-stack-packs/packs/drupal.js | font-display": { |
2664 | | - "message": "Specify `@font-display` when defining custom fonts in your theme." |
| 2661 | + "message": "Consider uploading your `GIF` to a service which will make it available to embed as an HTML5 video." |
2665 | 2662 | }, |
2666 | 2663 | "node_modules/lighthouse-stack-packs/packs/drupal.js | modern-image-formats": { |
2667 | 2664 | "message": "Consider configuring [WebP image formats with a Convert image style](https://www.drupal.org/docs/core-modules-and-themes/core-modules/image-module/working-with-images#styles) on your site." |
2668 | 2665 | }, |
2669 | 2666 | "node_modules/lighthouse-stack-packs/packs/drupal.js | offscreen-images": { |
2670 | | - "message": "Install [a Drupal module](https://www.drupal.org/project/project_module?f%5B0%5D=&f%5B1%5D=&f%5B2%5D=im_vid_3%3A67&f%5B3%5D=&f%5B4%5D=sm_field_project_type%3Afull&f%5B5%5D=&f%5B6%5D=&text=%22lazy+load%22&solrsort=iss_project_release_usage+desc&op=Search) that can lazy load images. Such modules provide the ability to defer any offscreen images to improve performance." |
| 2667 | + "message": "Consider configuring lazy load images in `Drupal`. The field formatters for images support `lazy` or `eager`." |
| 2668 | + }, |
| 2669 | + "node_modules/lighthouse-stack-packs/packs/drupal.js | prioritize-lcp-image": { |
| 2670 | + "message": "If the LCP element is dynamically added to the page, you should optimize the image in order to improve LCP. [Learn more](https://www.smashingmagazine.com/2023/08/methods-improving-drupal-largest-contentful-paint-core-web-vital/)." |
| 2671 | + }, |
| 2672 | + "node_modules/lighthouse-stack-packs/packs/drupal.js | redirects": { |
| 2673 | + "message": "Redirects introduce additional delays before the page can be loaded. If the [Redirect](https://www.drupal.org/project/redirect) module is installed, review if unnecessary redirects can be removed. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/redirects)." |
2671 | 2674 | }, |
2672 | 2675 | "node_modules/lighthouse-stack-packs/packs/drupal.js | render-blocking-resources": { |
2673 | | - "message": "Consider using a module to inline critical CSS and JavaScript, and use the defer attribute for non-critical CSS or JavaScript." |
| 2676 | + "message": "Consider using [a module](https://www.drupal.org/project/critical_css) to inline critical CSS and JavaScript, and use the defer attribute for non-critical CSS or JavaScript." |
2674 | 2677 | }, |
2675 | 2678 | "node_modules/lighthouse-stack-packs/packs/drupal.js | server-response-time": { |
2676 | | - "message": "Themes, modules, and server specifications all contribute to server response time. Consider finding a more optimized theme, carefully selecting an optimization module, and/or upgrading your server. Your hosting servers should make use of PHP opcode caching, memory-caching to reduce database query times such as Redis or Memcached, as well as optimized application logic to prepare pages faster." |
| 2679 | + "message": "Offload traffic with one or more `Drupal` caching modules such as `Internal Page Cache`, `Internal Dynamic Page Cache`, and `BigPipe`. Couple these with a CDN to further improve response time. Your hosting servers should make use of PHP OPcache. Consider using memory-caching such as Redis or Memcached to reduce database query times. Lastly use performant themes, modules, and faster servers to lower server response time." |
2677 | 2680 | }, |
2678 | 2681 | "node_modules/lighthouse-stack-packs/packs/drupal.js | total-byte-weight": { |
2679 | | - "message": "Consider using [Responsive Image Styles](https://www.drupal.org/docs/8/mobile-guide/responsive-images-in-drupal-8) to reduce the size of images loaded on your page. If you are using Views to show multiple content items on a page, consider implementing pagination to limit the number of content items shown on a given page." |
| 2682 | + "message": "Consider using [Responsive Image Styles](https://www.drupal.org/documentation/modules/responsive_image) to reduce the size of images loaded on your page. If you are using `Views` to show multiple content items on a page, consider implementing pagination to limit the number of content items shown on a given page." |
2680 | 2683 | }, |
2681 | 2684 | "node_modules/lighthouse-stack-packs/packs/drupal.js | unminified-css": { |
2682 | | - "message": "Ensure you have enabled \"Aggregate CSS files\" in the \"Administration » Configuration » Development\" page. Ensure your Drupal site is running at least Drupal 10.1 for improved asset aggregation support." |
| 2685 | + "message": "Ensure you have enabled \"Aggregate CSS files\" in the \"Administration » Configuration » Development\" page." |
2683 | 2686 | }, |
2684 | 2687 | "node_modules/lighthouse-stack-packs/packs/drupal.js | unminified-javascript": { |
2685 | | - "message": "Ensure you have enabled \"Aggregate JavaScript files\" in the \"Administration » Configuration » Development\" page. Ensure your Drupal site is running at least Drupal 10.1 for improved asset aggregation support." |
| 2688 | + "message": "Ensure you have enabled \"Aggregate JavaScript files\" in the \"Administration » Configuration » Development\" page." |
2686 | 2689 | }, |
2687 | 2690 | "node_modules/lighthouse-stack-packs/packs/drupal.js | unused-css-rules": { |
2688 | | - "message": "Consider removing unused CSS rules and only attach the needed Drupal libraries to the relevant page or component in a page. See the [Drupal documentation link](https://www.drupal.org/docs/8/creating-custom-modules/adding-stylesheets-css-and-javascript-js-to-a-drupal-8-module#library) for details. To identify attached libraries that are adding extraneous CSS, try running [code coverage](https://developers.google.com/web/updates/2017/04/devtools-release-notes#coverage) in Chrome DevTools. You can identify the theme/module responsible from the URL of the stylesheet when CSS aggregation is disabled in your Drupal site. Look out for themes/modules that have many stylesheets in the list which have a lot of red in code coverage. A theme/module should only enqueue a stylesheet if it is actually used on the page." |
| 2691 | + "message": "Consider removing unused CSS rules and only attach the needed `Drupal` libraries to the relevant page or component in a page. See the [`Drupal` documentation](https://www.drupal.org/docs/develop/theming-drupal/adding-assets-css-js-to-a-drupal-theme-via-librariesyml#define) for details. To identify attached libraries that are adding extraneous CSS, try running [code coverage](https://developer.chrome.com/docs/devtools/coverage) in Chrome DevTools. You can identify the theme/module responsible from the URL of the stylesheet when CSS aggregation is disabled in your `Drupal` site. Look out for themes/modules that have many stylesheets in the list which have a lot of red in code coverage. A theme/module should only attach a stylesheet library if it is actually used on the page." |
2689 | 2692 | }, |
2690 | 2693 | "node_modules/lighthouse-stack-packs/packs/drupal.js | unused-javascript": { |
2691 | | - "message": "Consider removing unused JavaScript assets and only attach the needed Drupal libraries to the relevant page or component in a page. See the [Drupal documentation link](https://www.drupal.org/docs/8/creating-custom-modules/adding-stylesheets-css-and-javascript-js-to-a-drupal-8-module#library) for details. To identify attached libraries that are adding extraneous JavaScript, try running [code coverage](https://developers.google.com/web/updates/2017/04/devtools-release-notes#coverage) in Chrome DevTools. You can identify the theme/module responsible from the URL of the script when JavaScript aggregation is disabled in your Drupal site. Look out for themes/modules that have many scripts in the list which have a lot of red in code coverage. A theme/module should only enqueue a script if it is actually used on the page." |
| 2694 | + "message": "Consider removing unused JavaScript assets and only attach the needed `Drupal` libraries to the relevant page or component in a page. See the [Drupal documentation](https://www.drupal.org/docs/develop/theming-drupal/adding-assets-css-js-to-a-drupal-theme-via-librariesyml#define) for details. To identify attached libraries that are adding extraneous JavaScript, try running [code coverage](https://developer.chrome.com/docs/devtools/coverage) in Chrome DevTools. You can identify the theme/module responsible from the URL of the script when JavaScript aggregation is disabled in your `Drupal` site. Look out for themes/modules that have many scripts in the list which have a lot of red in code coverage. A theme/module should only attach a script library if it is actually used on the page." |
2692 | 2695 | }, |
2693 | 2696 | "node_modules/lighthouse-stack-packs/packs/drupal.js | uses-long-cache-ttl": { |
2694 | | - "message": "Set the \"Browser and proxy cache maximum age\" in the \"Administration » Configuration » Development\" page. Read about [Drupal cache and optimizing for performance](https://www.drupal.org/docs/7/managing-site-performance-and-scalability/caching-to-improve-performance/caching-overview#s-drupal-performance-resources)." |
| 2697 | + "message": "Set the \"Browser and proxy cache maximum age\" in the \"Administration » Configuration » Development\" page. Read about [`Drupal` cache and optimizing for performance](https://www.drupal.org/docs/8/api/cache-api/cache-api)." |
2695 | 2698 | }, |
2696 | 2699 | "node_modules/lighthouse-stack-packs/packs/drupal.js | uses-optimized-images": { |
2697 | | - "message": "Consider using [a module](https://www.drupal.org/project/project_module?f%5B0%5D=&f%5B1%5D=&f%5B2%5D=im_vid_3%3A123&f%5B3%5D=&f%5B4%5D=sm_field_project_type%3Afull&f%5B5%5D=&f%5B6%5D=&text=optimize+images&solrsort=iss_project_release_usage+desc&op=Search) that automatically optimizes and reduces the size of images uploaded through the site while retaining quality. Also, ensure you are using the native [Responsive Image Styles](https://www.drupal.org/docs/8/mobile-guide/responsive-images-in-drupal-8) provided from Drupal (available in Drupal 8 and above) for all images rendered on the site." |
| 2700 | + "message": "Consider using [a module](https://www.drupal.org/project/project_module?f%5B0%5D=&f%5B1%5D=&f%5B2%5D=im_vid_3%3A123&f%5B3%5D=&f%5B4%5D=sm_field_project_type%3Afull&f%5B5%5D=&f%5B6%5D=&text=image&solrsort=iss_project_release_usage+desc&op=Search) that automatically optimizes and reduces the size of images uploaded through the site while retaining quality. Also, ensure you are using the native [Responsive Image Styles](https://www.drupal.org/documentation/modules/responsive_image) provided from `Drupal` for all images rendered on the site." |
2698 | 2701 | }, |
2699 | 2702 | "node_modules/lighthouse-stack-packs/packs/drupal.js | uses-rel-preconnect": { |
2700 | | - "message": "Preconnect or dns-prefetch resource hints can be added by installing and configuring [a module](https://www.drupal.org/project/project_module?f%5B0%5D=&f%5B1%5D=&f%5B2%5D=&f%5B3%5D=&f%5B4%5D=sm_field_project_type%3Afull&f%5B5%5D=&f%5B6%5D=&text=dns-prefetch&solrsort=iss_project_release_usage+desc&op=Search) that provides facilities for user agent resource hints." |
| 2703 | + "message": "`Preconnect` or `dns-prefetch` resource hints can be added by installing and configuring [a module](https://www.drupal.org/project/project_module?f%5B0%5D=&f%5B1%5D=&f%5B2%5D=&f%5B3%5D=&f%5B4%5D=sm_field_project_type%3Afull&f%5B5%5D=&f%5B6%5D=&text=Preconnect&solrsort=score+desc&op=Search) that provides facilities for user agent resource hints." |
2701 | 2704 | }, |
2702 | 2705 | "node_modules/lighthouse-stack-packs/packs/drupal.js | uses-responsive-images": { |
2703 | | - "message": "Ensure that you are using the native [Responsive Image Styles](https://www.drupal.org/docs/8/mobile-guide/responsive-images-in-drupal-8) provided from Drupal (available in Drupal 8 and above). Use the Responsive Image Styles when rendering image fields through view modes, views, or images uploaded through the WYSIWYG editor." |
| 2706 | + "message": "Ensure that you are using the native [Responsive Image Styles](https://www.drupal.org/documentation/modules/responsive_image) provided from `Drupal`. Use the Responsive Image Styles when rendering image fields through view modes, views, or images uploaded through the WYSIWYG editor." |
| 2707 | + }, |
| 2708 | + "node_modules/lighthouse-stack-packs/packs/drupal.js | uses-text-compression": { |
| 2709 | + "message": "Text-based resources should be served with compression (gzip, deflate or brotli) to minimize total network bytes. Consider using a CDN that natively supports this, or configure the web server to perform this operation. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/text-compression)." |
2704 | 2710 | }, |
2705 | 2711 | "node_modules/lighthouse-stack-packs/packs/ezoic.js | font-display": { |
2706 | 2712 | "message": "Use [Ezoic Leap](https://pubdash.ezoic.com/speed) and enable `Optimize Fonts` to automatically leverage the `font-display` CSS feature to ensure text is user-visible while webfonts are loading." |
|
2897 | 2903 | "node_modules/lighthouse-stack-packs/packs/nitropack.js | render-blocking-resources": { |
2898 | 2904 | "message": "Enable [`Remove render-blocking resources`](https://support.nitropack.io/hc/en-us/articles/13820893500049-How-to-Deal-with-Render-Blocking-Resources-in-NitroPack) in NitroPack for faster initial load times." |
2899 | 2905 | }, |
2900 | | - "node_modules/lighthouse-stack-packs/packs/nitropack.js | server-response-time": { |
2901 | | - "message": "Improve server response time and optimize perceived performance by activating [`Instant Load`](https://support.nitropack.io/hc/en-us/articles/16547340617361)." |
2902 | | - }, |
2903 | 2906 | "node_modules/lighthouse-stack-packs/packs/nitropack.js | unminified-css": { |
2904 | 2907 | "message": "Enable [`Minify resources`](https://support.nitropack.io/hc/en-us/articles/360061059394-Minify-Resources) in your Caching settings to reduce the size of your CSS, HTML, and JavaScript files for faster load times." |
2905 | 2908 | }, |
|
3033 | 3036 | "message": "There are a number of WordPress plugins that can help you [inline critical assets](https://wordpress.org/plugins/search/critical+css/) or [defer less important resources](https://wordpress.org/plugins/search/defer+css+javascript/). Beware that optimizations provided by these plugins may break features of your theme or plugins, so you will likely need to make code changes." |
3034 | 3037 | }, |
3035 | 3038 | "node_modules/lighthouse-stack-packs/packs/wordpress.js | server-response-time": { |
3036 | | - "message": "Themes, plugins, and server specifications all contribute to server response time. Consider finding a more optimized theme, carefully selecting an optimization plugin, and/or upgrading your server." |
| 3039 | + "message": "Choose a lightweight theme (ideally a block theme) and implement full-page caching or a static site solution. Disable unnecessary plugins to minimize server overhead. Consider upgrading your hosting to managed or dedicated service." |
3037 | 3040 | }, |
3038 | 3041 | "node_modules/lighthouse-stack-packs/packs/wordpress.js | total-byte-weight": { |
3039 | 3042 | "message": "Consider showing excerpts in your post lists (e.g. via the more tag), reducing the number of posts shown on a given page, breaking your long posts into multiple pages, or using a plugin to lazy-load comments." |
|
0 commit comments