DEV Community

Cover image for Loading web pages fast on a $20 feature phone

Loading web pages fast on a $20 feature phone

Addy Osmani on December 17, 2019

Tip: Building a fast, core foundation for your site gives everyone a good experience; whether they're on a low-cost feature phone or the latest hig...
Collapse
 
joeberetta profile image
Joe Beretta

Hi, @addyosmani!
Very useful and nice article.
I've a question: may I recommend your articles for translating to ru-Ru or uz-Uz? I want to share this cool reading with auditory, who are not native English speakers.

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
joeberetta profile image
Joe Beretta

I meant to translate and post it on the site. Of course with links to original post

Thread Thread
 
addyosmani profile image
Addy Osmani

Go for it :)

Thread Thread
 
joeberetta profile image
Joe Beretta

Thank you very much))

Collapse
 
giorgosk profile image
Giorgos Kontopoulos šŸ‘€

@addyosmani Thanks it was a great write up. I am glad you mentioned Svelte as I find it extremely performant (on some evaluation demos I have tried). I will also give Preact a try since you mentioned it.

Collapse
 
addyosmani profile image
Addy Osmani

Love Svelte and Sapper! I'm very interested to see how far tools that "compile out" what you don't need can take us in the future.

You might appreciate this Tokopedia case study where they used Svelte for their landing pages link.medium.com/CrJQw1rIw2

Collapse
 
giorgosk profile image
Giorgos Kontopoulos šŸ‘€

@addyosmani Thanks for the case study.

I hope that Svelte and other similar frameworks can gain some traction soon because at the moment only React is considered "hireable" in the broader JS sphere and it hinders everyone's judgement in terms of what to learn/use/ask for.

Collapse
 
gypsydave5 profile image
David Wickes

The simplest way to keep your bundle size small? Don't use JavaScript.

Collapse
 
mburszley profile image
Maximilian Burszley

Or gratuitous assets. glares at 18MP PNG file

Collapse
 
fly profile image
joon • Edited

Amazing post Addy. So much to scrape, I think I took about 5 screenshots just to archieve the really good parts - probably a single post record.
I noticed the post had heavy insight about halfway through, but then I saw on your profile that you're on the Chrome team.

Thank you undescribably for giving back to the community despite a busy and(in personal standards) mind-blowingly successful career.
The post was a lovely read and informative in the same time - not two things that can easily exist at the same time on a tech post :)

Collapse
 
pentaprizm profile image
Yuri Solovyov

Hi, @addyosmani , love what you do!
I have few questions - how can I detect a featurephone itself? Is it possible on server side? Do I need to create 2 separate versions of web-app? For example, i'd like to use full power of React with ton of plugins for rich experience and my bundle is 1.5 Mb and I dont use any code-splitting. At the same time I want to serve lightweight code-splitted bundle for featurephones. How can I manage this?
Detecting low-budget phones (e.g check screen size) on a client is good idea, but again, it means that i need to write 2 variants of code - one for low-budget and one for hi-end, and all this code then appear in one bundle. How does server determine which bundle to send to a client?

Collapse
 
rohansawant profile image
Rohan Sawant

Whoo, this is crazy well written! šŸ¤Æ

What an awesome read!

Collapse
 
tarasnovak profile image
dataPixy šŸ§šā€ā™‚ļø

epic case study and chrome dev tools tips share as always!

Collapse
 
addyosmani profile image
Addy Osmani

Thank you!

Collapse
 
iketari profile image
Artsiom Mezin

A very interesting piece of reading! Thanks a lot!

Collapse
 
rhymes profile image
rhymes

Thanks a lot for this, so many actionable items!

Collapse
 
zhigmytov profile image
Timur Zhigmytov

Hello, @addyosmani ! Really nice article! Thank you for sharing your experience and knowledge!