Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How do you do page performance tests?

I know everyone who reads the question will think "Firebug!" right away. Maybe some will think "YSlow!" and "Google Page Speed!"

While I really like these tools, I'm more concerned with how the quickly the page will render in IE 6/7/8. All of the above tools require Firefox. That's all fine and you can definitely test the underlying speed of getting the page to the browser but what about when it comes to actually rendering the page?

I haven't seen any really good answers on how to test optimization at the browser level. How do you write performance tests for HTML/JS across difference browsers?

like image 433
Travis Avatar asked Jun 23 '09 13:06

Travis


People also ask

What is page performance testing?

What is Website Performance Testing? A performance test is non-functional testing done to test the responsiveness, throughput, and scalability of a website under test. This mainly benefits in improving the user experience and increases revenue generation.

How do you measure page load performance?

Measure Page Load Times Using Google Pagespeed Insights To use this tool, you'll want to first pick a webpage on your site you want to study. You then go to the PageSpeed Insights section and type in the URL of the webpage. The tool will then works its magic and determine how fast the webpage loads.


1 Answers

I am not sure it is a useful endeavor to optimize for only one vendor:

  • regarding HTML, most browsers are written to optimize for standard layout techniques (tables, table-less, etc.)
  • the rendering engines are quite different between IE6 and IE8, so already that is like two different browsers
  • most of the techniques for optimizing are standard across browsers (put javascript at bottom so you don't block page loads, move javascript to external file, use multiple hostnames for images etc. to take advantage of parallel loading, don't use tables for overall layout, make sure caching headers are correct, etc.)
  • once you have a site optimized for Firefox, I would argue there is little more to be gained as far as tweaking it for IE; there is probably more you can do at the application level at this point (optimize queries, etc.), unless your site is largely static content, in which case you can investigate caching, HTTP compression, etc.
  • if your concern is actually in optimizing Javascript code for IE, then there are many good cross-browser Javascript libraries that are in an arms-race for best execution times across browser platforms, so again, picking a cross-browser solution is the way to go
  • the browser landscape is constantly evolving, and your customers are likely to move on to another platform at some point down the road; optimizing for several different browsers now will end up with more compatible code that is more likely to perform well when a platform change is made at some point in the future
  • I would argue that writing cross-browser optimized code will result in a more maintainable code base with fewer magic IE hacks, whose reason for existence will soon be lost in the mists of time
like image 122
D'Arcy Rittich Avatar answered Nov 04 '22 16:11

D'Arcy Rittich