lighthouse-stack-packs - npm Package Compare versions

Comparing version 1.7.0 to 1.8.0

index.d.ts

@@ -68,13 +68,8 @@ export = stackPacks;
     UIStrings: {
-        'unused-css-rules': string;
         'modern-image-formats': string;
         'offscreen-images': string;
-        'render-blocking-resources': string;
-        'unused-javascript': string;
-        'uses-long-cache-ttl': string;
         'uses-optimized-images': string;
-        'uses-text-compression': string;
         'uses-responsive-images': string;
-        'user-timings': string;
         'preload-lcp-image': string;
+        'unsized-images': string;
     };
@@ -81,0 +76,0 @@ } | {

index.js

@@ -9,2 +9,3 @@ const stackPacks = [
   require('./packs/next.js'),
+  require('./packs/nuxt.js'),
   require('./packs/octobercms.js'),
@@ -11,0 +12,0 @@ require('./packs/react.js'),

package.json

 {
   "name": "lighthouse-stack-packs",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "description": "Lighthouse Stack Packs",
@@ -20,3 +20,3 @@ "repository": "GoogleChrome/lighthouse-stack-packs",
     "del-cli": "^3.0.0",
-    "jsdom": "^19.0.0",
+    "jsdom": "^12.2.0",
     "lighthouse": "GoogleChrome/lighthouse#master",
@@ -27,2 +27,3 @@ "typescript": "^3.8.2",
   "scripts": {
+
     "generate-types": "tsc -p .",
@@ -29,0 +30,0 @@ "test": "uvu test"

packs/next.d.ts

@@ -5,3 +5,3 @@ export const icon: "data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 207 124\"><path d=\"M48.942 32.632h38.96v3.082h-35.39v23.193H85.79v3.082H52.513v25.464h35.794v3.081H48.942V32.632Zm42.45 0h4.139l18.343 25.464 18.749-25.464L158.124.287l-41.896 60.485 21.59 29.762h-4.302l-19.642-27.086L94.15 90.534h-4.22l21.751-29.762-20.29-28.14Zm47.967 3.082v-3.082h44.397v3.082h-20.453v54.82h-3.571v-54.82h-20.373ZM.203 32.632h4.464l61.557 91.671-25.439-33.769L3.936 37.011l-.162 53.523H.203zm183.194 53.891c.738 0 1.276-.563 1.276-1.29 0-.727-.538-1.29-1.276-1.29-.73 0-1.277.563-1.277 1.29 0 .727.547 1.29 1.277 1.29Zm3.509-3.393c0 2.146 1.555 3.549 3.822 3.549 2.414 0 3.874-1.446 3.874-3.956v-8.837h-1.946v8.828c0 1.394-.704 2.138-1.946 2.138-1.112 0-1.867-.692-1.893-1.722h-1.911Zm10.24-.113c.14 2.233 2.007 3.662 4.787 3.662 2.97 0 4.83-1.498 4.83-3.887 0-1.878-1.06-2.917-3.632-3.514l-1.38-.338c-1.634-.38-2.294-.891-2.294-1.783 0-1.125 1.025-1.86 2.563-1.86 1.459 0 2.466.718 2.649 1.869h1.893c-.113-2.103-1.971-3.583-4.516-3.583-2.737 0-4.56 1.48-4.56 3.704 0 1.835 1.033 2.926 3.3 3.454l1.616.39c1.659.389 2.388.96 2.388 1.912 0 1.108-1.146 1.913-2.71 1.913-1.676 0-2.84-.753-3.005-1.939h-1.928Z\" fill=\"%23000\"/></svg>";
     'unused-css-rules': string;
-    /** Additional description of a Lighthouse audit that tells the user how they can leverage Next.js Image Optimization API to convert their images to new formats like WebP and AVIF. */
+    /** Additional description of a Lighthouse audit that tells the user to use the next/image component to automatically optimize image format. */
     'modern-image-formats': string;
@@ -16,3 +16,3 @@ /** Additional description of a Lighthouse audit that tells the user to defer loading images which are not shown on screen using the next/image component. */
     'uses-long-cache-ttl': string;
-    /** Additional description of a Lighthouse audit that tells the user to use the next/image component to display optimized images. */
+    /** Additional description of a Lighthouse audit that tells the user to use the next/image component to adjust image quality. */
     'uses-optimized-images': string;
@@ -27,4 +27,6 @@ /** Additional description of a Lighthouse audit that tells the user to enable compression (gzip, brotli) on their servers. */
     'preload-lcp-image': string;
+    /** Additional description of a Lighthouse audit that tells the user to use the next/image component to make sure `width` and `height` of image elements are always specified. */
+    'unsized-images': string;
 };
 export declare const id: string;
 export declare const title: string;

packs/next.js

@@ -6,6 +6,6 @@ const icon = `data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 207 124"><path d="M48.942 32.632h38.96v3.082h-35.39v23.193H85.79v3.082H52.513v25.464h35.794v3.081H48.942V32.632Zm42.45 0h4.139l18.343 25.464 18.749-25.464L158.124.287l-41.896 60.485 21.59 29.762h-4.302l-19.642-27.086L94.15 90.534h-4.22l21.751-29.762-20.29-28.14Zm47.967 3.082v-3.082h44.397v3.082h-20.453v54.82h-3.571v-54.82h-20.373ZM.203 32.632h4.464l61.557 91.671-25.439-33.769L3.936 37.011l-.162 53.523H.203zm183.194 53.891c.738 0 1.276-.563 1.276-1.29 0-.727-.538-1.29-1.276-1.29-.73 0-1.277.563-1.277 1.29 0 .727.547 1.29 1.277 1.29Zm3.509-3.393c0 2.146 1.555 3.549 3.822 3.549 2.414 0 3.874-1.446 3.874-3.956v-8.837h-1.946v8.828c0 1.394-.704 2.138-1.946 2.138-1.112 0-1.867-.692-1.893-1.722h-1.911Zm10.24-.113c.14 2.233 2.007 3.662 4.787 3.662 2.97 0 4.83-1.498 4.83-3.887 0-1.878-1.06-2.917-3.632-3.514l-1.38-.338c-1.634-.38-2.294-.891-2.294-1.783 0-1.125 1.025-1.86 2.563-1.86 1.459 0 2.466.718 2.649 1.869h1.893c-.113-2.103-1.971-3.583-4.516-3.583-2.737 0-4.56 1.48-4.56 3.704 0 1.835 1.033 2.926 3.3 3.454l1.616.39c1.659.389 2.388.96 2.388 1.912 0 1.108-1.146 1.913-2.71 1.913-1.676 0-2.84-.753-3.005-1.939h-1.928Z" fill="%23000"/></svg>`;
   'unused-css-rules': 'Consider setting up `PurgeCSS` in `Next.js` configuration to remove unused rules from stylesheets. [Learn more](https://purgecss.com/guides/next.html).',
-  /** Additional description of a Lighthouse audit that tells the user how they can leverage Next.js Image Optimization API to convert their images to new formats like WebP and AVIF. */
-  'modern-image-formats': 'Use the `Next.js` Image Optimization API to serve modern formats like `WebP` and `AVIF`. [Learn more](https://nextjs.org/docs/api-reference/next/image#acceptable-formats).',
+  /** Additional description of a Lighthouse audit that tells the user to use the next/image component to automatically optimize image format. */
+  'modern-image-formats': 'Use the `next/image` component instead of `<img>` to automatically optimize image format. [Learn more](https://nextjs.org/docs/basic-features/image-optimization).',
   /** Additional description of a Lighthouse audit that tells the user to defer loading images which are not shown on screen using the next/image component. */
-  'offscreen-images': 'Use the `next/image` component, which defaults to `loading="lazy"`. [Learn more](https://nextjs.org/docs/api-reference/next/image#loading).',
+  'offscreen-images': 'Use the `next/image` component instead of `<img>` to automatically lazy-load images. [Learn more](https://nextjs.org/docs/basic-features/image-optimization).',
   /** Additional description of a Lighthouse audit that tells the user to use next/script to defer loading of non-critical third-party libraries. */
@@ -17,4 +17,4 @@ 'render-blocking-resources': 'Use the `next/script` component to defer loading of non-critical third-party scripts. [Learn more](https://nextjs.org/docs/basic-features/script).',
   'uses-long-cache-ttl': 'Configure caching for immutable assets and `Server-side Rendered` (SSR) pages. [Learn more](https://nextjs.org/docs/going-to-production#caching).',
-  /** Additional description of a Lighthouse audit that tells the user to use the next/image component to display optimized images. */
-  'uses-optimized-images': 'Use the `next/image` component instead of `<img>` to optimize images. [Learn more](https://nextjs.org/docs/basic-features/image-optimization).',
+  /** Additional description of a Lighthouse audit that tells the user to use the next/image component to adjust image quality. */
+  'uses-optimized-images': 'Use the `next/image` component instead of `<img>` to adjust image quality. [Learn more](https://nextjs.org/docs/basic-features/image-optimization).',
   /** Additional description of a Lighthouse audit that tells the user to enable compression (gzip, brotli) on their servers. */
@@ -28,2 +28,4 @@ 'uses-text-compression': 'Enable compression on your Next.js server. [Learn more](https://nextjs.org/docs/api-reference/next.config.js/compression).',
   'preload-lcp-image': 'Use the `next/image` component and set "priority" to true to preload LCP image. [Learn more](https://nextjs.org/docs/api-reference/next/image#priority).',
+  /** Additional description of a Lighthouse audit that tells the user to use the next/image component to make sure `width` and `height` of image elements are always specified. */
+  'unsized-images': 'Use the `next/image` component to make sure images are always sized appropriately. [Learn more](https://nextjs.org/docs/api-reference/next/image#width).',
 }
@@ -36,2 +38,2 @@
   UIStrings,
-}
+}

README.md

@@ -15,9 +15,10 @@ # Lighthouse Stack Packs
 
-* WordPress
+* AMP
+* Angular
 * Drupal
-* React
-* Angular
-* AMP
 * Magento
 * Next.js
+* Nuxt
+* React
+* WordPress
 
@@ -24,0 +25,0 @@ ## Contributing

No alert changes

Improved metrics

Total package byte prevSize

147543

increased by3.33%

Number of package files

27

increased by8%

Lines of code

1004

increased by4.15%

Number of lines in readme file

27

increased by3.85%

No dependency changes