📜 ⬆️ ⬇️

Speed ​​up your site. Table of contents

After discussing the profitability of a paper book issue, I decided to concentrate on the electronic version. If it is popular enough, then it will be possible to think about hard-copy.

In the era of Web2.0 technology and views it would be foolish to write a book in isolation from its readers, so in this topic there is a preliminary table of contents (to correct further work). It pursues two goals: first, to give a general idea of ​​the need for client optimization. Secondly, to talk about existing approaches and the most modern solutions. The book does not seek to teach optimize complex JavaScript-applications or configure nginx + FastCGI. Only a common approach and basic techniques.

Any comments are welcome.

It is also planned to include in the book several not my personal articles, therefore in the near future I will additionally contact all authors (ie, some sections will not be published, or will be seriously revised, or agreed with the authors and inserted with links to them).
')
At the moment, we are also looking for an illustrator and (li) coder who would help arrange all these hundreds (about 300) pages of text and code listings. As compensation, I can offer 50% of charitable donations after the publication of the book and any mention of the name.

And, actually, the table of contents:

  1. Introduction
    1. About this book and the project webo.in
    2. Acknowledgments
  2. What is client optimization?
    1. Goals and objectives of optimization
    2. Psychological aspects of performance
    3. Key areas and technologies
    4. Page loading steps
    5. Client and server optimization: similarities and differences
    6. Application in the development of web applications
  3. Reducing the number of requests
    1. Merge text files
      1. Combining CSS files
      2. Two words about conditional comments
      3. Combining JavaScript Files
    2. CSS Sprites Technique
      1. Different uses
      2. Difference from Image Map
    3. Cross-browser data: URL
      1. Using data: URL
      2. Add mhtml
      3. Using data: URL to encode in javascript
      4. data: URL and CSS Sprites
    4. Extreme Optimization Techniques
      1. CSS and JavaScript in one file
      2. HTML, CSS and JavaScript in one file
    5. Condense the download stream
  4. Size reduction
    1. How resource-intensive HTML archiving
      1. Mod_gzip usage costs
      2. How compression ratio affects server performance
    2. CSS / javascript as archives
    3. All about CSS compression
    4. Javascript: compression and obfuscation
      1. To reap or not to reap?
      2. JavaScript loading speed
    5. Image optimization: GIF, PNG, JPEG
      1. PNG vs GIF
      2. Useful tips
    6. We overclock favicon.ico - this is how?
    7. We cut cookie
  5. Parallel connections
    1. Mirroring static files
      1. HTTP / 1.1 specification restrictions
      2. Bypassing the browser restrictions on the number of connections
    2. Content Delivery Network
    3. Client request balancing
      1. Formulation of the problem
      2. AJAX and Flash Solutions
  6. Caching
    1. Expires, Cache-Control and Reset Cache
      1. Expires and Cache-Control
      2. Forced cache reset
    2. IE caching: pre-check, post-check
    3. Last-Modified and ETag
    4. Safari iPhone Caching
  7. CSS optimization
    1. Accelerate CSS expressions
    2. What is better id or class?
      1. Round one: simple selectors
      2. Round two: heredity
      3. Round three: face to face
    3. Influence of semantics and DOM
      1. DOM tree size and display time
      2. Little about semantic layout
    4. Not in any way reflow!
  8. Javascript optimization
    1. Crossbrowser window.onload
      1. Basic layout
      2. Various applications
    2. The Basics of Unobtrusive JavaScript
      1. Basic concepts and methods
      2. Principles of "unobtrusive" advertising
      3. We overclock external counters
    3. Closures and what they eat
      1. JavaScript closures
      2. Avoid memory leaks in IE
    4. We optimize "heavy" calculations
    5. CSS selector speed
    6. Fast iterators, recursions and other goodies
  9. application
    1. Overview of analytical tools
      1. Self check
      2. Browser Add-ons
      3. Web applications
    2. Browser Tips
      1. Mozilla firefox
      2. Internet Explorer
    3. Optimized configurations
      1. Apache
      2. Nginx + Apache
      3. Iis
    4. We disassemble on stones
      1. Analysis of 2-3 large portals

    5. Examples of optimized sites

Source: https://habr.com/ru/post/41665/


All Articles