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

WEB SCHOOL Tools for optimizing images for better loading speed?

Remove ads while supporting the Unscripted philosophy...become an INSIDER.

TonyStark

I'm not dead yet
Read Millionaire Fastlane
I've Read UNSCRIPTED
Speedway Pass
Jul 20, 2015
2,227
4,201
1,035
27
Austin, Texas
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.
 

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

mve0991

Contributor
Read Millionaire Fastlane
I've 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
80
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
I've Read UNSCRIPTED
Speedway Pass
May 10, 2015
3,118
6,698
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
FASTLANE INSIDER
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 ⚡
This program helped me to triple my revenue over 7 months while also moving to a new city in the...
  • Sticky
MARKETPLACE Fox Web School "Legend" Group Coaching Program 2020
Hi Fox, After reading your threat and watching some of your youtube I have several query ? 1...
  • Sticky
MARKETPLACE Lex DeVille's - Advanced Freelance Udemy Courses!
If you read the last message then you know I'm removing my courses from Udemy next month. You...
  • Sticky
MARKETPLACE Grow Your Business With a Book (An Unorthodox Marketing Strategy That Built One of the Largest...
PS. what do you think about the idea of setting up live Busking experiences on Air BNB? I could...
  • Sticky
FEATURED! Introducing... WEALTH EXPO$ED, A Short Story By MJ DeMarco
Hi Mj, I just bought it. And reading it. I think is a great idea to write using the stories to...
  • Sticky
MARKETPLACE Kill Bigger Incubator
@Kak Thanks for the reply. Whats interesting is that I have an idea that's been cooking which...



Forum Sponsor

sponsor

New Topics

Fastlane Insiders

View the forum AD FREE.
Private, unindexed content
Detailed process/execution threads
Monthly conference calls with doers
Ideas needing execution, more!

Join Fastlane Insiders.

Top Bottom