5 ms·

I work in energy, and there's a saying: "The cheapest kwh is one you don't use." Want to make your website faster? Don't send so much stuff. Removing unnecessa

by diafygi 10y ago

I work in energy, and there's a saying: "The cheapest kwh is one you don't use." Want to make your website faster? Don't send so much stuff. Removing unnecessary code or content from your site has always had the biggest impact on performance. Unfortunately, it seems that often the people in charge of increasing performance aren't the people who get to choose what has to be on the website. The Website Obesity Crisis: https://vimeo.com/147806338 https://vimeo.com/147806338 I want to share with you my simple two-step secret to improving the performance of any website. 1. Make sure that the most important elements of the page download and render first. 2. Stop.

blaze33 10y ago
100% this, there is a nice presentation about the bloated web but I couldn't find it now. Remember that performance is a feature: https://blog.codinghorror.com/performance-is-a-feature/ https://blog.codinghorror.com/performance-is-a-feature/ That being said having a fast loading site and being able to serve a spike in load are two different issues (even if having fast loading pages in the first place obviously helps). Also don't forget that measuring (page size/response times/etc.) is the the first step. You can't optimize what you don't know!
sotojuan 10y ago
Here's an easy way to do it: Want to make your website faster? Use a 3G connection when developing or testing. Chrome Dev Tools make this easy and you can also adjust the latency as needed.
- DivineTraube 10y ago
  That should be done a lot more than it's usual today. Part of "mobile first" should be testing mobile speed. One problem is of course that mobile networks vary greatly in both latency and bandwidth. A great resource on performance considerations for mobile networks is Ilya Grigoriks open book [1]. [1] https://hpbn.co/mobile-networks/ https://hpbn.co/mobile-networks/
- acqq 10y ago
  Use 2G connection to really feel the pain. More often than I'd like, I'm trying to read different content "on the go," on the places where the environment blocks the 3G signal and I'm left with the "E" on the iPhone. There are pages that will load (like HN) and the pages that are just "forget it it will never even load." That's the difference between "accessible" and "shiny but just forget it with the slow internet." I don't use blockers. It seems that's why they are becoming necessary?
cyberferret 10y ago
I concur. I did some cursory research the other day, and I noticed that most websites I visit (blogs, shopping sites etc.) now have total asset download sizes that are several times BIGGER than major enterprise software applications that I used to install on my PC 20 years ago. This is just for 'front end' stuff for the browser experience.
- smileysteve 10y ago
  This is a strange metric because your phone also has 50x4 the processing power, 20x the ram, and 2g is significantly closer to the Internet connection you would have been lucky to have.
  - inimino 10y ago
    Just because it's there doesn't mean you have to use it. That's why the user experience doesn't get any faster.
  - cyberferret 10y ago
    The disparity is that an ERP system that managed the customers, suppliers, production and employees of a multi million dollar business was a smaller executable than a single blog page nowadays that does nothing more than present information on a screen for someone to read. The ratio of computing power & code size versus the meaningful work done _with_ it seems to be out of kilter somewhat.
  - DavidWanjiru 10y ago
    It isn't strange, because what is being compared here is the utility of the website and the utility of the ERP. The amount of work (and, subjective though it is, the value of that work) done vis a vis the number of MBs each occupies.
ehnto 10y ago
The UberEats homepage is 30mb of crisp imagery and fonts. I understand their target market is people on retina screens sitting on the hefty piped intranet of their trendy startup, but 30mb is a complete egress from sensibilities. There isn't even that much content on the page, it barely goes past the fold.
- chetanahuja 10y ago
  Oh good god. I loaded the site with the network console open and found that the page loads 15MB of data before the first picture of food loads up on the page. Horrendous.
draw_down 10y ago
This reminds me of the joke where it's like "how to draw a face" or whatever, where step 1 is draw the outline, and step two is do the rest. In other words, the devil is in the details of how to accomplish #1. It is pithy though, I'll give you that.
- test1235 10y ago
  How to draw an owl https://i.imgur.com/nCec3EU.jpg https://i.imgur.com/nCec3EU.jpg
- huxley 10y ago
  Monty Python's "How to Do It" skit: https://www.youtube.com/watch?v=tNfGyIW7aHM https://www.youtube.com/watch?v=tNfGyIW7aHM "... this week on 'How to Do It' we're going to learn how to play the flute, how to split the atom, how to construct box girder bridges and how to irrigate the Sahara and make vast new areas cultivatable, but first, here's Jackie to tell you how to rid the world of all known diseases." How to play the flute: "Now, how to play the flute. (picking up a flute) Well you blow in one end and move your fingers up and down the outside."
z3t4 10y ago
Always let the content have the highest priority when designing a web page.

by diafygi 10y ago

blaze33 10y ago

100% this, there is a nice presentation about the bloated web but I couldn't find it now. Remember that performance is a feature: https://blog.codinghorror.com/performance-is-a-feature/ https://blog.codinghorror.com/performance-is-a-feature/ That being said having a fast loading site and being able to serve a spike in load are two different issues (even if having fast loading pages in the first place obviously helps). Also don't forget that measuring (page size/response times/etc.) is the the first step. You can't optimize what you don't know!

sotojuan 10y ago

Here's an easy way to do it: Want to make your website faster? Use a 3G connection when developing or testing. Chrome Dev Tools make this easy and you can also adjust the latency as needed.

DivineTraube 10y ago
That should be done a lot more than it's usual today. Part of "mobile first" should be testing mobile speed. One problem is of course that mobile networks vary greatly in both latency and bandwidth. A great resource on performance considerations for mobile networks is Ilya Grigoriks open book [1]. [1] https://hpbn.co/mobile-networks/ https://hpbn.co/mobile-networks/
acqq 10y ago
Use 2G connection to really feel the pain. More often than I'd like, I'm trying to read different content "on the go," on the places where the environment blocks the 3G signal and I'm left with the "E" on the iPhone. There are pages that will load (like HN) and the pages that are just "forget it it will never even load." That's the difference between "accessible" and "shiny but just forget it with the slow internet." I don't use blockers. It seems that's why they are becoming necessary?

cyberferret 10y ago

I concur. I did some cursory research the other day, and I noticed that most websites I visit (blogs, shopping sites etc.) now have total asset download sizes that are several times BIGGER than major enterprise software applications that I used to install on my PC 20 years ago. This is just for 'front end' stuff for the browser experience.

smileysteve 10y ago
This is a strange metric because your phone also has 50x4 the processing power, 20x the ram, and 2g is significantly closer to the Internet connection you would have been lucky to have.
- inimino 10y ago
  Just because it's there doesn't mean you have to use it. That's why the user experience doesn't get any faster.
- cyberferret 10y ago
  The disparity is that an ERP system that managed the customers, suppliers, production and employees of a multi million dollar business was a smaller executable than a single blog page nowadays that does nothing more than present information on a screen for someone to read. The ratio of computing power & code size versus the meaningful work done _with_ it seems to be out of kilter somewhat.
- DavidWanjiru 10y ago
  It isn't strange, because what is being compared here is the utility of the website and the utility of the ERP. The amount of work (and, subjective though it is, the value of that work) done vis a vis the number of MBs each occupies.

ehnto 10y ago

The UberEats homepage is 30mb of crisp imagery and fonts. I understand their target market is people on retina screens sitting on the hefty piped intranet of their trendy startup, but 30mb is a complete egress from sensibilities. There isn't even that much content on the page, it barely goes past the fold.

chetanahuja 10y ago
Oh good god. I loaded the site with the network console open and found that the page loads 15MB of data before the first picture of food loads up on the page. Horrendous.

draw_down 10y ago

This reminds me of the joke where it's like "how to draw a face" or whatever, where step 1 is draw the outline, and step two is do the rest. In other words, the devil is in the details of how to accomplish #1. It is pithy though, I'll give you that.

test1235 10y ago
How to draw an owl https://i.imgur.com/nCec3EU.jpg https://i.imgur.com/nCec3EU.jpg
huxley 10y ago
Monty Python's "How to Do It" skit: https://www.youtube.com/watch?v=tNfGyIW7aHM https://www.youtube.com/watch?v=tNfGyIW7aHM "... this week on 'How to Do It' we're going to learn how to play the flute, how to split the atom, how to construct box girder bridges and how to irrigate the Sahara and make vast new areas cultivatable, but first, here's Jackie to tell you how to rid the world of all known diseases." How to play the flute: "Now, how to play the flute. (picking up a flute) Well you blow in one end and move your fingers up and down the outside."

z3t4 10y ago

Always let the content have the highest priority when designing a web page.