ChrisP

Member
Joined
Apr 27, 2020
Messages
8
Reaction score
6
Hi WordPress developers,

This topic has been covered numerous times in many places. However, there has never been a clear-cut answer with real website EXAMPLES in one single page. I hope to change that here with your help 😊

We all know images are a resource hog. Our developer has used many tricks to make the website load as fast as possible (@media, srcset, picture element, Imagify, removing all metadata before uploading, WP Rocket lazy loading, CDN etc.). However, there are still unanswered questions as to “are we doing the right thing? Are we using the correct tools?

When answering these questions, please keep in mind that this is for page speed and fixing errors using GTMetrix, Pages Speed Insights, Pingdom etc. Errors like, “the following images are resized in HTML or CSS. Serving scaled images could save 14.8KiB (92% reduction)…” “example.png is resized in HTML or CSS from 1000x1000 to 280x280. Serving a scaled image could save 14.8KiB (92% reduction).

Video tutorials would be ideal!

Background Images

When developing a site, how do you code responsive background images? Can you provide examples on a live website?

Recently, we’ve been using the <picture> element for background images so we can take advantage of the various thumbnail sizes.

How to properly code the <picture> element so the browsers know which image to choose from the source set?

Katie from Use WebP images states:

Page speed gotcha - image tag as last.PNG


Our developer CANNOT make the default WP setting to show the image tag as the last element in the source set.


Page speed srcset code example.png


Retina Display

How do you deal with retina images to display properly on the website?



Thank you,

Chris
 
Similar threads
Thread starter Title Forum Replies Date
djbaxter Facebook?s Algorithm: Don?t Hate The Player, Change The Game Mobile & Social 1
Don Berthiaume Hi everyone, Don here.... Introduce Yourself - We're Friendly 2
WAHamilton How to Get Google to Map a New Development? Moving or Name Changes 6
L Individual Listings For Land Developer Communities Google My Business & Google Maps 4
Rich Owings Developer let staging site get indexed Websites, Software, and Security 5
j_holtslander Reporting issues straight to Google's Developers Google My Business & Google Maps 1
J Software Development Companies - Google Doesn't Treat Related Searches as Local Local Search 4
Garrett Sussman How to Develop a Relationship With Your Local Chamber of Commerce for Client Prospecting Local Reviews 2
Garrett Sussman 4 of the Best Local Marketing Courses for Professional Development Local Reviews 3
I GMB listing for Housing Development - Setup and verification Google My Business & Google Maps 5
T How To do SEO for Software Development company Local SEO Tools & Software 2
Tim Colling Google?s job listings search is now open to all job search sites & developers Local Search 2
J Facebook?s Places Graph makes 140 million locations available to developers Mobile & Social 4
H Home Developer - one site or many? Local Search 5
L 3 Tips for Developing Locally Focused Blog Content - From a Local Content Writer Local Content 3
Linda Buquet 3 Tips for Developing Locally Focused Blog Content - From a Local Content Writer Local Content 3
joshchampagne Favorite Fast Website Builder - GoDaddy, GMB website, Wix etc. Websites, Software, and Security 7
Ian Hammond Any fast methods for removing a page from SERPs? Local Content 6
djbaxter Google Speed Update: If you have a fast site, making it faster won't boost rankings Organic SEO 3
G How do the big SEO firms achieve results so fast and economical for clients? Local Search 16
R 250 000 only FRESH & FAST available every day proxies Recycle Bin 0
M get earning fast Recycle Bin 1
Linda Buquet Brainstorm: Best Ways to Get New Local Search Clients Fast? Round 3 Consultant's Corner 1
Linda Buquet Brainstorm: Best Ways to Get New Local Search Clients Fast? Round 3 Google My Business & Google Maps 1
Linda Buquet Local Search Brainstorm: Best Ways to Get New Clients Fast? Round 2 Consultant's Corner 9
Linda Buquet 10 Step Lightning Fast SEO Checkup - Quick SEO Mini Audits Organic SEO 0
Linda Buquet ▶ Learn Local SEO Fast Video - The Bestest Funnest Webinar by Greg Gifford Local Search 4
Linda Buquet Local Search: Best Ways to Get New Clients Fast! Consultant's Corner 4
Linda Buquet Brainstorm - Best Ways to Get Local SEO Clients Fast? Consultant's Corner 15

Similar threads

Login / Register

Already a member?   LOG IN
Not a member yet?   REGISTER

Most UpVoted Answers

Trending: Most Viewed

LocalU Podcasts

  Promoted Posts

New advertising option: A review of your product or service posted by a Sterling Sky employee. This will also be shared on the Sterling Sky & LSF Twitter accounts, our Facebook group, LinkedIn, and both newsletters. More...
Google Product Exert


Top Bottom