Images are one of the most important elements of a small business website.
They showcase products, introduce your team, explain services, support your brand, and make pages more engaging. But images can also become some of the heaviest resources on a website.
A beautiful photograph isn’t helping your business if it takes so long to load that customers leave before seeing it.
That’s where image optimization comes in.
Effective image optimization isn’t simply about making files smaller. It’s about finding the right balance between visual quality, website performance, accessibility, search visibility, and user experience.
The good news is that you don’t need to be a web developer to improve most of these areas.
- What Is Website Image Optimization?
- Why Image Optimization Matters for Small Businesses
- #1 Resize Images Before Uploading
- #2 Choose the Right Image Dimensions
- #3 Compress Images Without Ruining Quality
- #4 Choose the Right File Format: JPEG, PNG, WebP, AVIF or SVG
- #5 Use Responsive Images
- #6 Write Descriptive Image File Names
- #7 Write Useful Alt Text
- #8 Understand Alt Text vs. Image Titles and Captions
- #9 Lazy-Load the Right Images
- #10 Don’t Lazy-Load Your LCP/Hero Image
- #11 Use a CDN When It Makes Sense
- #12 Cache Images Properly
- #13 Optimize Images for Google Images
- #14 Use Structured Data Where Appropriate
- #15 Optimize Social-Sharing Images
- Image Sitemaps: Do You Actually Need One?
- Image Optimization and Core Web Vitals
- Image SEO for E-Commerce Product Photos
- Image Optimization for WordPress
- Common Image Optimization Mistakes
- A Simple Image Optimization Workflow for Small Businesses
- Image Optimization Checklist
- Frequently Asked Questions
- Final Thoughts: Make Every Image Earn Its Place
What Is Website Image Optimization?
Website image optimization is the process of preparing, delivering, and describing images so they provide the visual quality your website needs without unnecessarily slowing down the page.
That can involve:
- Resizing images
- Choosing appropriate dimensions
- Compressing files
- Selecting efficient image formats
- Creating responsive versions
- Writing descriptive file names
- Adding appropriate alt text
- Lazy-loading below-the-fold images
- Caching files
- Using a content delivery network
- Optimizing images for search engines and social sharing
Think of image optimization as having three interconnected goals:
Image Quality
Does the image look good?
Visitors shouldn’t see blurry product photographs, distorted logos, or heavily compressed images.
Image Performance
Does the image load efficiently?
A website shouldn’t download a massive 5,000-pixel photograph just to display it in an 800-pixel content column.
Image Accessibility and SEO
Can the image be understood in context?
Appropriate alternative text, surrounding content, file names, structured data where relevant, and other page information can help assistive technologies and search engines understand your content.
The best optimization strategy considers all three.
1. Why Image Optimization Matters for Small Businesses
For a small business, website performance isn’t merely a technical issue.
It affects the customer experience.
Imagine someone searching for a local photographer, contractor, consultant, online store, or restaurant on their phone.
They click your website.
The page begins loading.
The headline appears.
Then they wait while a huge hero photograph slowly downloads.
They may not know why the website feels slow.
They only know that it does.
Faster Pages Create a Better Experience
Reducing unnecessary image weight can help pages become usable more quickly, particularly for visitors on mobile devices or slower connections.
That matters for:
- Product pages
- Landing pages
- Portfolios
- Blog posts
- Service pages
- Homepages
Images Can Affect Core Web Vitals
Images can also influence Google’s Core Web Vitals.
For example, a large hero image may become the page’s Largest Contentful Paint (LCP) element.
Images loaded without appropriate dimensions can potentially contribute to unexpected layout movement.
We’ll discuss Core Web Vitals in more detail later.
Image Optimization Can Support SEO
Optimization can also make images easier for search engines to discover and understand.
This can be especially useful for businesses where visuals influence purchasing decisions, including:
- Photography
- E-commerce
- Interior design
- Food
- Travel
- Fashion
- Real estate
- Art
- Home improvement
The goal isn’t simply to “rank an image.”
It’s to make images work as part of a strong, useful webpage.
Success Brews Tip:
Don’t think of image optimization as reducing quality. The goal is to remove unnecessary file weight while preserving the visual quality your customers actually need.
#1 Resize Images Before Uploading
One of the easiest image-optimization mistakes to avoid is uploading photographs that are dramatically larger than your website needs.
Suppose your blog displays featured images at a maximum width of 1,200 pixels.
Uploading a 6,000-pixel original photograph may force your website or browser to handle far more image data than necessary.
Instead, prepare an appropriately sized version for the web.
Keep Your Originals
This doesn’t mean deleting your high-resolution photographs.
Keep original files safely stored separately.
Create optimized copies specifically for your website.
Your workflow might look like:
Original Photograph → Edit → Export Web Version → Compress → Upload
That gives you a high-resolution master for future uses while keeping your website efficient.
#2 Choose the Right Image Dimensions
Resizing and choosing dimensions are related, but they aren’t exactly the same.
Resizing reduces the physical pixel dimensions of a file.
Choosing dimensions means determining what size and aspect ratio the website actually requires.
Before exporting an image, ask:
Where will this image appear?
A full-width hero image has different requirements from a 300-pixel sidebar thumbnail.
You might create standards for your website such as:
- Hero images
- Blog featured images
- Product images
- Category thumbnails
- Team portraits
- Social-sharing graphics
The exact dimensions depend on your website design.
Maintain Consistent Aspect Ratios
Consistency can also improve the visual experience.
If every product image has a different shape, your store grid may appear uneven.
Standardizing an aspect ratio — such as square product photographs — can create a cleaner presentation.
Don’t choose dimensions simply because another website uses them.
Choose them according to your design and the largest size at which the image actually needs to appear.
#3 Compress Images Without Ruining Quality
Compression reduces the amount of data required to store and deliver an image.
The objective is not:
Make the file as tiny as humanly possible.
It’s:
Make the file efficiently small without introducing unacceptable visual degradation.
Lossy vs. Lossless Compression
Lossy compression removes some image information to reduce file size. With appropriate settings, the visual difference may be difficult to notice while the file-size reduction can be substantial.
Lossless compression reduces file size without discarding image information in the same way.
Neither is universally “better.”
The appropriate choice depends on the image and how it will be used.
For example, a photographic background may tolerate stronger compression than a detailed piece of artwork where fine tonal transitions are critical.
Check the Image Visually
Don’t rely entirely on a compression percentage.
Look at the result.
Pay attention to:
- Fine details
- Textures
- Gradients
- Shadows
- Skin tones
- Product edges
- Text embedded in graphics
If the optimized image looks noticeably damaged at the size visitors will actually see it, you’ve gone too far.
#4 Choose the Right File Format: JPEG, PNG, WebP, AVIF or SVG
Image formats aren’t interchangeable.
Each has strengths.
JPEG
JPEG remains useful for photographic images.
It supports efficient lossy compression and is widely compatible.
It doesn’t support transparency in the way PNG does.
PNG
PNG is useful when you need features such as transparency or lossless raster graphics.
It can produce unnecessarily large files when used for complex photographs.
WebP
WebP supports modern compression and can provide good image quality at relatively small file sizes. It supports both lossy and lossless compression as well as transparency.
It’s widely useful for website imagery.
AVIF
AVIF can provide excellent compression efficiency and is another option for modern web delivery.
As with any format, test the quality and make sure your website’s image workflow handles it properly.
SVG
SVG is a vector format and can be excellent for:
- Logos
- Icons
- Simple illustrations
- Other scalable vector graphics
Because SVG files are code-based rather than conventional photographs, they require appropriate handling and security considerations when uploads are permitted.
A Simple Rule of Thumb
Photographs: JPEG, WebP, or AVIF
Graphics requiring transparency: PNG or modern alternatives when appropriate
Logos and simple vector graphics: SVG where suitable
But don’t choose a format based solely on a rule.
Compare actual file size and visual quality.
#5 Use Responsive Images
Visitors don’t all view your website on the same screen.
Someone may open your site on:
- A smartphone
- Tablet
- Laptop
- Desktop monitor
- High-density display
Sending the exact same large image to every device can waste bandwidth.
Responsive images allow the browser to choose from multiple image sizes according to the situation.
In HTML, this is commonly handled through features such as srcset and sizes.
Fortunately, many modern content-management systems — including WordPress — can generate and use multiple image sizes automatically when properly configured.
Why Responsive Images Matter
Imagine your desktop design needs a 1,600-pixel image while the mobile version only needs a much smaller display.
Providing appropriate image candidates can help the browser avoid downloading a larger file than necessary.
This is particularly valuable on image-heavy websites.
#6 Write Descriptive Image File Names
Which file name tells you more?
IMG_8472.jpg
or:
handmade-brown-leather-wallet.jpg
The second provides useful context.
Search engines can use file names alongside the page’s other information to help understand image content.
Good File Names Are Simple
Use names that describe the image naturally.
Examples:
santa-fe-fine-art-photography.jpg
small-business-marketing-workbook.jpg
brown-leather-travel-backpack.webp
Avoid:
IMG29384.jpg
photo-final-FINAL-2.jpg
best-cheap-amazing-product-buy-now.jpg
That last example isn’t optimization.
It’s keyword stuffing.
Use descriptive words because they’re useful—not because you’re trying to cram every possible search phrase into a file name.
#7 Write Useful Alt Text
Alt text — or alternative text — is one of the most misunderstood parts of image optimization.
Its primary purpose is accessibility.
Alt text provides a text alternative when an image cannot be perceived visually in the normal way.
Good alt text depends on the purpose and context of the image, not merely what objects appear in it.
Example
Imagine a product page showing a brown leather wallet.
Weak:
image
Not particularly useful:
wallet wallet leather wallet best wallet
Better:
Brown leather bifold wallet with six card slots
But context matters.
If the same photograph is purely decorative and adds no meaningful information, it may need different treatment than an informative product image.
Don’t Stuff Keywords Into Alt Text
Alt text isn’t a hidden SEO field.
Write it for people first.
Describe meaningful information concisely and naturally.
#8 Understand Alt Text vs. Image Titles and Captions
These three elements have different jobs.
Alt Text
Provides a text alternative based on the image’s purpose and context.
Caption
Visible text displayed with an image.
A caption might identify a location, explain a photograph, provide attribution, or add context.
Image Title
Depending on your CMS and implementation, an image title may be stored as metadata or used in different ways.
Don’t assume adding a keyword-heavy image title gives you an SEO advantage.
The most important question is whether each element serves a genuine purpose for the visitor.
#9 Lazy-Load the Right Images
Lazy loading delays certain images until they’re closer to being needed.
Imagine a long article containing 20 photographs.
A visitor initially sees only the first few.
Loading every photograph immediately may consume resources unnecessarily.
Lazy loading can allow below-the-fold images to wait until the visitor approaches them.
Native HTML can support this behavior with:
loading="lazy"
Modern website platforms may implement lazy loading automatically.
Good Candidates for Lazy Loading
Typically, consider it for images that begin outside the initial viewport, such as:
- Images farther down articles
- Lower-page galleries
- Related-post thumbnails
- Some below-the-fold product imagery
But there’s an important exception.
#10 Don’t Lazy-Load Your LCP/Hero Image
The main image visible at the top of your page may be one of the most important resources to load quickly.
If that image becomes your Largest Contentful Paint element, deliberately delaying it with lazy loading can work against your performance goals.
That’s why:
Lazy loading is not automatically good for every image.
For an important above-the-fold hero or LCP image, prioritize timely discovery and loading rather than intentionally delaying it.
This is one reason performance optimization shouldn’t be reduced to installing a plugin and turning every setting on.
The correct optimization depends on what the resource is doing on the page.
Success Brews Tip:
Lazy-load images visitors don’t need yet. Don’t automatically lazy-load the image they’re waiting to see.
#11 Use a CDN When It Makes Sense
A Content Delivery Network, or CDN, can distribute website resources through servers located across different geographic regions.
Instead of every visitor retrieving an image from one origin server, a CDN can potentially serve cached content from infrastructure better positioned to deliver it efficiently.
For businesses serving customers across large geographic areas, this can improve delivery performance and resilience.
Common CDN and image-delivery services include offerings from companies such as Cloudflare, Amazon Web Services, and Bunny.net.
Does Every Small Website Need a CDN?
Not necessarily.
If your hosting already includes CDN functionality or your audience is geographically concentrated, the improvement may be different from a global e-commerce store serving customers around the world.
Start with actual performance data rather than assuming more technology automatically creates a faster website.
#12 Cache Images Properly
Caching allows previously downloaded resources to be reused instead of unnecessarily downloading the same files repeatedly.
This can improve the experience for returning visitors and people navigating between pages that use the same resources.
Caching can occur at several levels, including:
- Browser caching
- Server caching
- CDN caching
For static image assets that rarely change, appropriate cache policies can be particularly useful.
Be Careful When Replacing Images
Aggressive caching can occasionally cause visitors to continue seeing an older version of a file.
One common approach when replacing important assets is to use appropriate cache invalidation or a new file/version rather than relying on visitors to manually clear their browsers.
Your host, CDN, caching plugin, or developer may manage much of this automatically.
#13 Optimize Images for Google Images
Google Images can provide another discovery path for visual businesses.
But image SEO isn’t about adding keywords to every possible field.
Google uses the image within the context of the page.
Support image discovery with:
- Useful page content
- Descriptive page titles
- Relevant headings
- Appropriate file names
- Meaningful alt text
- Accessible image URLs
- High-quality imagery
- Appropriate structured data where applicable
- Technically crawlable pages
Place important images near relevant content.
If your page discusses handmade leather wallets, the product image should exist within meaningful content about that product—not on a page with little context.
Don’t Optimize for Google at the Expense of Customers
A strange keyword-stuffed caption might theoretically contain more search phrases.
It also makes your website look terrible.
Create useful content first.
Help search engines understand it second.
#14 Use Structured Data Where Appropriate
Structured data helps search engines understand specific types of content on a page.
The important point is that you generally aren’t adding “image schema” simply because a page contains an image.
Instead, images may be properties within structured data describing the actual content.
For example:
ProductArticleRecipeOrganization- Other supported content types
An e-commerce product page might include Product structured data containing information about the product, with the product image included as one of its properties.
Don’t Add Schema Just to Add Schema
Structured data should accurately represent the visible content.
Don’t mark a page as something it isn’t simply because you’re hoping for a richer search result.
And remember that valid structured data doesn’t guarantee a special search appearance.
#15 Optimize Social-Sharing Images
Image optimization doesn’t stop with Google.
When someone shares one of your pages on a social platform or messaging service, the preview image can influence whether the link looks professional and inviting.
Social-sharing metadata can help platforms identify the appropriate:
- Title
- Description
- Image
- URL
Open Graph metadata is commonly used for social previews, while platforms may also support additional metadata.
Create Dedicated Sharing Images When Necessary
Your perfect website hero image isn’t always the perfect social preview.
A social-sharing image may benefit from:
- Strong composition
- Clear branding
- Readable text
- Safe spacing around important elements
- An aspect ratio appropriate for link previews
Avoid placing critical text too close to edges where different platforms may crop it.
And because platform recommendations can change, verify current requirements before creating an entire library of fixed-size templates.
Image Sitemaps: Do You Actually Need One?
Image sitemaps can help search engines discover images, particularly in situations where those images might otherwise be difficult to find.
But a separate image sitemap isn’t automatically necessary for every small business website.
If your images are already present in crawlable HTML pages and your website’s SEO system handles sitemap information appropriately, you may already have much of what you need.
Image sitemaps become more worth investigating when:
- Image search is strategically important
- Your site contains a large visual library
- Images are loaded in ways that make discovery more difficult
- Your CMS or implementation has unusual image behavior
Before installing another plugin solely to create an image sitemap, check what your current SEO setup already provides.
Image Optimization and Core Web Vitals
Images can influence several aspects of page experience, including Google’s Core Web Vitals.
Three metrics to understand are:
Largest Contentful Paint — LCP
LCP measures how quickly the largest significant content element in the viewport becomes visible.
On many websites, that element is an image.
An oversized, poorly delivered hero image can contribute to slower LCP.
Interaction to Next Paint — INP
INP measures page responsiveness to user interactions.
Images aren’t usually the only factor here, but an overloaded page and excessive processing can contribute to a generally poor experience.
Cumulative Layout Shift — CLS
CLS measures unexpected visual movement.
Images without reserved space can contribute to layout shifts if surrounding content moves when the image finally appears.
Providing appropriate width and height information or otherwise reserving the correct aspect-ratio space can help prevent this.
Optimize the Page, Not Just the File
A 100 KB image can still be implemented badly.
And a larger image may sometimes be completely appropriate.
Core Web Vitals are about the user’s experience of the page.
Treat image optimization as one part of overall website performance.
19. Image SEO for E-Commerce Product Photos
For an online store, images do more than decorate the page.
They help sell the product.
Customers may rely on photographs to evaluate:
- Color
- Texture
- Size
- Details
- Materials
- Features
- Fit
- Scale
- Different angles
Don’t destroy useful visual detail simply to shave a few additional kilobytes from a product photograph.
Instead, balance performance with the information customers need.
Create Consistency
Where appropriate, standardize:
- Aspect ratios
- Background styles
- Product positioning
- Image dimensions
- File naming conventions
Show Multiple Useful Views
Depending on the product, consider:
- Front
- Back
- Side
- Detail
- Scale
- Product in use
- Packaging
- Variations
Optimize each image rather than using one enormous file to compensate for missing photography.
Write Contextual Alt Text
Different product photographs may communicate different information.
Instead of giving every image identical alt text, describe meaningful distinctions when those distinctions matter.
Image Optimization for WordPress
WordPress already handles parts of image optimization for you.
When you upload an image, WordPress can generate multiple image sizes that themes and browsers may use in different contexts.
Modern WordPress also supports useful image-related features such as responsive image markup and native lazy loading in appropriate situations.
But WordPress can’t make every decision for you.
You still need to think about:
- Original upload dimensions
- Compression
- Format
- Theme image sizes
- Hero images
- Alt text
- Cropping
- Caching
- CDN configuration
- Plugin overlap
Don’t Install Five Plugins to Solve One Problem
One performance plugin may compress images.
Another may convert them to WebP or AVIF.
Your host may already provide a CDN.
Your theme may already handle lazy loading.
Another plugin may add caching.
Before installing something new, find out what your current setup already does.
Duplicated optimization systems can create unnecessary complexity and occasionally conflicts.
For a small business website, simple and correctly configured is usually better than complicated and forgotten.
Common Image Optimization Mistakes
Watch for these common problems:
Uploading enormous originals directly from the camera.
Using PNG for every photograph.
Compressing images until they visibly degrade.
Using one huge image for every screen size.
Keyword stuffing file names.
Keyword stuffing alt text.
Writing identical alt text for every product photograph.
Adding alt text to decorative imagery without considering its purpose.
Lazy-loading the main hero or LCP image automatically.
Using oversized background images.
Forgetting mobile performance.
Installing multiple optimization plugins that duplicate each other’s work.
Assuming a CDN automatically fixes poor image preparation.
Ignoring layout shifts caused by improperly sized image containers.
Optimizing files while ignoring the rest of the webpage.
A Simple Image Optimization Workflow for Small Businesses
You don’t need a complicated production system.
Create a repeatable workflow.
Step 1: Start With the Original
Keep your high-quality master safely stored.
Step 2: Edit the Image
Complete necessary color, exposure, cropping, retouching, and other visual work.
Step 3: Determine Where It Will Be Used
Hero?
Blog?
Product page?
Thumbnail?
Social media?
Step 4: Resize It
Export dimensions appropriate for its intended use.
Step 5: Choose the Format
Select JPEG, WebP, AVIF, PNG, or SVG according to the image and your website’s requirements.
Step 6: Compress It
Reduce unnecessary file weight while visually checking quality.
Step 7: Rename the File
Use a concise, descriptive file name.
Step 8: Upload It
Let your CMS generate responsive variants where appropriate.
Step 9: Add Appropriate Alt Text
Write alt text according to the image’s purpose and context.
Step 10: Check the Page
Review it on both desktop and mobile.
Step 11: Test Performance
Use performance tools to identify whether important images are creating bottlenecks.
Step 12: Revisit Periodically
Websites change.
Themes change.
Pages change.
Your image library grows.
Optimization is maintenance, not a one-time project.
Image Optimization Checklist
Before publishing a new page, run through this quick checklist:
- ☐ Image has been resized appropriately
- ☐ Dimensions match its intended use
- ☐ Correct aspect ratio is used
- ☐ File has been compressed
- ☐ Visual quality has been checked
- ☐ Appropriate file format is used
- ☐ File name is descriptive
- ☐ Alt text is appropriate
- ☐ Decorative images are treated appropriately
- ☐ Responsive versions are available where needed
- ☐ Below-the-fold images can lazy-load where appropriate
- ☐ Hero/LCP image isn’t unnecessarily delayed
- ☐ Width and height/aspect ratio are properly handled
- ☐ Mobile display has been checked
- ☐ Product images are consistent where applicable
- ☐ Social-sharing image is configured when needed
- ☐ Structured data accurately represents the page where applicable
- ☐ Page performance has been tested
You don’t have to achieve some imaginary state of perfect optimization.
The goal is to create a repeatable process that prevents the biggest problems before they reach your customers.
Frequently Asked Questions
What is image optimization?
Image optimization is the process of preparing and delivering images so they maintain appropriate visual quality while minimizing unnecessary file size and supporting website performance, accessibility, search visibility, and user experience.
What is the best image format for a website?
There isn’t one best format for every image.
JPEG remains useful for photographs, while WebP and AVIF can offer efficient modern compression. PNG is useful for certain graphics and transparency needs, while SVG works well for appropriate vector graphics such as logos and icons.
Choose according to the actual image and use case.
Is WebP better than JPEG?
WebP can often provide good visual quality at smaller file sizes, but that doesn’t mean every JPEG on your website must automatically be replaced.
Compare quality, file size, compatibility with your workflow, and how your website delivers images.
Is AVIF better than WebP?
AVIF can provide excellent compression efficiency, but the best choice depends on the image, encoding quality, workflow, browser support requirements, and website setup.
Test rather than choosing based entirely on the format name.
How large should website images be?
There is no single ideal pixel dimension or file size.
A full-width hero photograph needs different dimensions from a small thumbnail.
Export images according to the largest size they reasonably need to display and use responsive delivery where appropriate.
Does image compression hurt quality?
It can if compression is too aggressive.
The objective is to reduce unnecessary data while maintaining acceptable visual quality at the image’s actual display size.
Always inspect the result.
Does alt text help SEO?
Alt text can help search engines understand images in context, but its primary purpose is accessibility.
Don’t treat it as a place to insert keywords.
Write useful alternatives based on what the image communicates in the context of the page.
Should every image have alt text?
Every image needs appropriate accessibility handling, but that doesn’t mean every decorative image needs a written description.
The correct treatment depends on whether the image conveys meaningful information or is purely decorative.
Should I lazy-load all my images?
No.
Lazy loading is generally useful for appropriate off-screen images.
Images needed immediately—particularly an important hero or LCP image — shouldn’t automatically be delayed.
Do I need an image optimization plugin for WordPress?
Not necessarily.
Your WordPress setup, theme, hosting provider, CDN, and existing performance tools may already handle some optimization tasks.
Review what your current system does before installing additional plugins.
Can image optimization improve website speed?
Yes. Images can represent a significant portion of the data downloaded on image-heavy pages, so resizing, compression, responsive delivery, caching, and appropriate loading behavior can meaningfully improve performance.
But images are only one part of website performance.
Can optimized images help Google rankings?
Image optimization can support page performance, accessibility, image discovery, and overall user experience—all useful aspects of a well-built website.
It shouldn’t be treated as a shortcut to rankings.
Strong SEO still depends on useful content, technical quality, relevance, authority, and a good overall user experience.
Final Thoughts: Make Every Image Earn Its Place
Small business websites need images.
A photographer needs to show the work.
An online store needs to show the product.
A restaurant needs to show the food.
A contractor needs to show completed projects.
A consultant may need graphics that make complicated ideas easier to understand.
The solution to website performance isn’t to remove everything visual.
It’s to make your images work harder.
Resize them for their actual purpose.
Choose appropriate dimensions.
Compress without destroying quality.
Use efficient formats.
Serve responsive versions.
Name files clearly.
Write useful alt text.
Lazy-load images that can wait — and prioritize the ones that can’t.
Use caching and CDNs thoughtfully.
Help search engines understand your visual content without sacrificing the experience of the people you’re actually trying to reach.
And most importantly, build image optimization into your normal publishing process.
Once it becomes part of your workflow, you don’t have to periodically rescue a website filled with years of enormous, poorly prepared files.
You optimize as you go.
Success Brews Tip:
The best website image isn’t the smallest file you can create. It’s the image that delivers the visual quality your customer needs with no more weight, delay, or complexity than necessary.
Ready to Optimize the Rest of Your Website?
Images are only one part of website performance.
The Success Brews Website Optimization Checklist can help you review other important areas of your website, including performance, mobile usability, Core Web Vitals, accessibility, security, and technical optimization.
