By Steve Souders

Want your website to reveal extra speedy? This ebook offers 14 particular principles that would lower 25% to 50% off reaction time while clients request a web page. writer Steve Souders, in his task as leader functionality Yahoo!, amassed those most sensible practices whereas optimizing many of the most-visited pages on the internet. Even websites that had already been hugely optimized, resembling Yahoo! seek and the Yahoo! entrance web page, have been capable of make the most of those unusually uncomplicated functionality guidelines.

The ideas in High functionality net Sites clarify how one can optimize the functionality of the Ajax, CSS, JavaScript, Flash, and photographs that you have already equipped into your website -- changes which are severe for any wealthy net program. different resources of data pay loads of awareness to tuning net servers, databases, and undefined, however the bulk of exhibit time is taken up at the browser facet and via the verbal exchange among server and browser. High functionality net Sites covers each element of that process.

Each functionality rule is supported through particular examples, and code snippets can be found at the book's spouse site. the principles comprise how to:

  • Make Fewer HTTP Requests
  • Use a content material supply Network
  • Add an Expires Header
  • Gzip Components
  • Put Stylesheets on the Top
  • Put Scripts on the Bottom
  • Avoid CSS Expressions
  • Make JavaScript and CSS External
  • Reduce DNS Lookups
  • Minify JavaScript
  • Avoid Redirects
  • Remove Duplicates Scripts
  • Configure ETags
  • Make Ajax Cacheable

If you are development pages for top site visitors locations and need to optimize the event of clients vacationing your website, this e-book is indispensable.

"If everybody might enforce simply 20% of Steve's directions, the net will be adramatically greater position. among this publication and Steve's YSlow extension, there is reallyno excuse for having a slow site anymore."

-Joe Hewitt, Developer of Firebug debugger and Mozilla's DOM Inspector

"Steve Souders has performed an exquisite activity of distilling a huge, semi-arcane artwork right down to a collection of concise, actionable, pragmatic engineering steps that may swap the realm of internet performance."

-Eric Lawrence, Developer of the Fiddler net Debugger, Microsoft Corporation

Show description

Quick preview of High Performance Web Sites: Essential Knowledge for Front-End Engineers PDF

Similar Web Development books

Joe Celko's Thinking in Sets: Auxiliary, Temporal, and Virtual Tables in SQL (The Morgan Kaufmann Series in Data Management Systems)

Completely clever programmers usually fight while pressured to paintings with SQL. Why? Joe Celko believes the matter lies with their procedural programming frame of mind, which retains them from taking complete benefit of the facility of declarative languages. the result's overly complicated and inefficient code, let alone misplaced productiveness.

Internet & World Wide Web How to Program (3rd Edition) (How to Program (Deitel))

The aim of Deitel & affiliates, Inc. 's web & world-wide-web the best way to application, 3/e is to introduce readers with very little programming adventure to the intriguing international of Web-based functions. This accomplished ebook with accompanying CD-ROM teaches the basics had to software on the web.

Python Web Development with Django

Utilizing the easy, powerful, Python-based Django framework, you could construct strong net options with remarkably few strains of code. In Python net improvement with Django®, 3 skilled Django and Python builders conceal the entire suggestions, instruments, and ideas you want to utilize Django 1. zero, together with all of the significant good points of the recent free up.

PHP Advanced and Object-Oriented Programming: Visual QuickPro Guide (3rd Edition)

Readers can take their Hypertext Preprocessor abilities to the following point with this totally revised and up to date personal home page complicated: visible QuickPro consultant, 3rd variation! jam-packed with fourteen chapters of step by step content material and written by means of bestselling writer and Hypertext Preprocessor programmer Larry Ullman, this advisor teaches particular subject matters in direct, centred segments, exhibits how Hypertext Preprocessor is utilized in real-world purposes.

Additional resources for High Performance Web Sites: Essential Knowledge for Front-End Engineers

Show sample text content

Portal crew first and foremost made it worse via relocating the stylesheet to the ground of the web page. they discovered the optimum answer by way of following the HTML specification and leaving it on the most sensible. Neither of the alternatives—the clean white reveal or flash of unstyled content—are well worth the chance. in case you have a stylesheet that’s no longer required to render the web page, with a few additional attempt you could load it dynamically after the record so much, as defined within the part “Post-Onload obtain” in bankruptcy eight. in a different way, no matter if your stylesheets are essential to render the web page or now not, there’s one rule to stick with. placed your stylesheets within the record HEAD utilizing the hyperlink tag. forty four | bankruptcy five: Rule five: placed Stylesheets on the most sensible Chapter 6 bankruptcy 6 Rule 6: positioned Scripts on the backside 6 bankruptcy five defined how stylesheets close to the ground of the web page restrict innovative rendering, and the way relocating them to the record HEAD gets rid of the matter. Scripts (external JavaScript records) pose an analogous challenge, however the resolution is simply the other: it’s larger to maneuver scripts from the head of the web page to the ground (when possible). this allows revolutionary rendering and achieves better obtain parallelization. Let’s first examine an instance of those difficulties. issues of Scripts find out how to exhibit the problems with scripts is by utilizing an instance that has a script in the midst of the web page. Scripts within the heart http://stevesouders. com/hpws/js-middle. Hypertext Preprocessor This script is programmed to take 10 seconds to load, so it’s effortless to determine the problem—the backside 1/2 the web page takes approximately 10 seconds to seem (see the part “sleep. cgi” in bankruptcy five for a proof of ways parts are configured to have particular load times). this happens as the script blocks parallel downloading. We’ll come again to this challenge after a overview of ways browsers obtain in parallel. the opposite challenge with the instance web page has to do with innovative rendering. whilst utilizing stylesheets, revolutionary rendering is blocked till all stylesheets were downloaded. That’s why it’s top to maneuver stylesheets to the rfile HEAD, in order that they are downloaded first and rendering isn’t blocked. With scripts, innovative rendering is blocked for all content material lower than the script. relocating scripts reduce within the web page capacity extra content material is rendered gradually. forty five Parallel Downloads the largest effect on reaction time is the variety of parts within the web page. every one part generates an HTTP request while the cache is empty, and occasionally even if the cache is primed. understanding that the browser plays HTTP requests in parallel, you could ask why the variety of HTTP requests impacts reaction time. Can’t the browser obtain all of them straight away? the reason is going again to the HTTP/1. 1 specification, which means that browsers obtain parts in parallel in line with hostname (http://www. w3. org/ Protocols/rfc2616/rfc2616-sec8. html#sec8. 1. 4). Many websites obtain all their parts from a unmarried hostname. Viewing those HTTP requests unearths a stairstep development, as proven in determine 6-1.

Download PDF sample

Rated 4.68 of 5 – based on 14 votes