The Entrepreneur Forum | Startups | Entrepreneurship | Starting a Business | Motivation | Success

WEB SCHOOL Tools for optimizing images for better loading speed?

Accelerate wealth. Build a business that pays freedom. Join more than 70,000 entrepreneurs and register for the Fastlane Entrepreneur forum. Remove ads? Join the INSIDERS.

mve0991

Contributor
Read Millionaire Fastlane!
Read Unscripted!
Apr 5, 2020
40
44
110
The Netherlands
You can automatically compress your images via one of the online compress tools which you can find via Google.

You can also use HTML5 image srcset to serve smaller images for mobile and tablet: Responsive images
 

Are EM

Contributor
Sep 10, 2019
35
81
112
It's a good idea to shrink your pixels if it doesn't requires more pixels than your border. I mean if your border is 100x100 pixels, there is no need to fit 1200x800 pixels picture on it, because 100x100 is the right one. You can edit it easily in MAC or using Paint on Windows.

You can use optimizilla.com for optimizing images. You can decrease quality of a picture and lots of megabytes with it. Your picture stays as good as the original one, but a lightweight...

That's what I do for performance
 

ChrisV

Legendary Contributor
EPIC CONTRIBUTOR
Read Millionaire Fastlane!
Read Unscripted!
Speedway Pass
May 10, 2015
3,140
6,873
1,512
Islands of Calleja
Does anyone have any tools or tips for optimizing website images for better loading speed?

I'm not using Wordpress, I'm using HTML5/CSS.
Image compression basics:

.png is lossless but a larger file size
.jpg is lossy but a smaller file size

now from within .jpgs you can set the compression. More compression = smaller file but worse quality. Less compression = bigger file but better quality.

If you can use the same image more than once, do that. Then the browser only has to load it once.

If they are return visits, it shouldn't matter because most browsers save images to the cache, so they only have to be loaded once.
 

Arnaud.

New Contributor
Read Millionaire Fastlane!
Dec 8, 2019
19
16
20
Hello,
Of course the best optimisation come from the image : size close to used size, multi sizes (phone, tablet, computer if is needed) and compression.
But the second major improvement is lazy loading ! That means the image is not loaded until it is close or on the web view !
Just an other tip, you can lazy load google maps.

Arnaud
 

Sponsored Offers

  • Sticky
MARKETPLACE  You Are One Call Away From Living Your Dream Life - LightHouse’s Accountability Program ⚡
What I got was completely unexpected; @LightHouse generously talked with me for 2 straight hours...
  • Sticky
MARKETPLACE  Freelance University: Solve Every Freelance Problem (Especially on Upwork)
FU. 4 DAYS. 50% OFF BLACK FRIDAY SALE! If you're an Upwork freelancer, you'd be a fool not to...
  • Sticky
MARKETPLACE  For Sale: Food Brand with 4 Years of Happy Customers in a Fast-Growing Niche
So to get certified, it cost a fortune? How much exactly? That sucks that these "health...
MARKETPLACE  Fox Web School "Legend" Group Coaching Program 2021
Fox's Web School helps you learn a specialized skill which you can use to get to Fastlane. It's...
MARKETPLACE  Not sure how to start? This free book will teach you how to build a successful web design business
Hi Fox. Starting the book and got through the introduction. Had a conversation with Andy Black...


Don't like ads? Remove them while supporting the forum. Subscribe.

Fastlane Insiders

View the forum AD FREE.
Private, unindexed content
Detailed process/execution threads
Ideas needing execution, more!

Join Fastlane Insiders.

Top Bottom