⬆️ ⬇️

Reactive websites. Table of contents

Reactive websites Not even three months have passed since the official release of the first specialized book on client optimization in Russia, and we have already gathered to write the following. Why us? Because now the full-fledged team of authors, and not just "a set of tips from various sources under my editorship." Meet the heroes of our time: Evgeny Stepanischev ( bolk ) and Gleb Kondratenko ( gkond ).



A full-fledged book is still like a moon (and back :), but the table of contents has already been prepared and approved (in general details). And at once a big request: if it seems to you that something is wrong with it, some topics are omitted, some are disclosed in too great detail, something it will be interesting for you to additionally read - write about it in the comments. Now is the time to lay the foundations for the next good book.



So, the table of contents of the book “Jet websites. Client optimization in algorithms and examples. ” Here the main area of ​​author's responsibility is immediately indicated (so that later it would be clear who to beat for what :)

  1. Introduction - Nikolay Macievsky.

    • Thanks
    • Current client optimization projects.
    • Overview of the environment. Perspectives.
  2. Review of client optimization methods - Gleb Kondratenko.

    • Analysis of client performance of web pages. Page headers and components. Stage loading page. The speed of client scripts.
    • Reducing the size of the loaded objects. Compress text files. Image optimization.
    • Reducing the number of loaded objects. Merge text files. Combining images. Customize caching.
    • Optimize the structure of web pages. Features layout. Exception of the embedded code. Location styles and scenarios. Pre-loading and post-loading. Distributed file storage (CDN). Eliminate redundant HTTP requests.
  3. Algorithmizing text file compression - Evgeny Stepanischev.

    • Streaming compression algorithms in browsers (gzip, bzip2, bzip, deflate, compress, identity), comparison: uncompressed, gzip, deflate, bzip2, compress. Alternative browser compression methods: delta, Google Chrome. Bzip2: Chrome, w3m, OmniWeb.
    • Browser-supported methods (+ implementation errors).
    • Automation: support by web servers, compression on the fly (Apache1, 2 setting, nginx, layi, with comments) and static (Apache1, 2 setting, nginx, layi). Memory consumption, processor load. Lighty holds bzip2!
    • Compression script. Recognition that the browser is able (TE, "x-methods", weight), setting headers: Vary, Content-encoding, Content-length.
    • Other methods: Canvas compression, archivers on JS (for example, packer operation).
  4. Image reduction algorithms - Evgeny Stepanischev.

    • Common image formats: SVG, JPEG, GIF, PNG (in short, what format is used for what). JPEG - full color with loss, PNG - full color without loss, alpha, GIF - animation, small pictures (briefly about MNG and APNG), SVG - vector (to tell that there is no plowing in IE, there is no VML, to tell that SVG emerged from VML, affect mobile browser support, see Wikipedia), ICO (if only as a link to the first book), XBM?
    • JPEG preparation. Post-optimization programs (PureJPG, jpegtran).
    • PNG preparation. Post-optimization programs (PMT, OptiPNG, PNGout, TweakPNG).
    • GIF preparation. Post optimization programs (GIFLite, SuperGIF, gifsicle).
    • SVG preparation. Compress SVG: gzip, deflate (SVGZ).
  5. Reducing the number of loaded objects - Nikolay Macievsky.

    • Automatic merging of text files.
    • Algorithm for parsing and collecting CSS Sprites (sprites.in) and data: URI (duris.ru).
    • Caching at the client and server level (basics, resetting the cache and some application solutions for server caching).
  6. Optimizing the structure of web pages - Nikolay Macievsky.

    • Organization of "delayed" loading of JavaScript with the current structure of scripts and libraries. Theoretical approaches and practical solutions.
    • Practical use of CDN on the example of Amazon, Google and NGENIX.
    • Perspectives of “fast” JavaScript - from some standards to others. Browsers vs optimizers?
  7. Technologies of the future.

    • CSS3 (YASS) - Nikolay Macievsky.
    • Canvas / UI / Flex (?) - Nikolay Macievsky.
    • Client repositories. Overview and types of storage. What can be stored and what it gives. - Evgeny Stepanischev.
    • Specific examples based on one of the libraries (PersistJS) - Evgeny Stepanishchev
  8. Automation of client optimization - Nikolay Macievsky.

    • Overview of technologies and solutions on the market (PHP Speedy, Minify, Smart Optimizer, Web Optimizer, getRPO).
    • Guide for installing and configuring Web Optimizer.
    • Algorithms work based on web standards.
    • Performance evaluation (server load - client performance). Practical results.
  9. Application. Practical examples - Macievsky Nikolay.

    • Optimize ASP.NET.
    • Drupal optimization.
    • WordPress Optimization.
    • Joomla! Optimization.
  10. Conclusion - Macievsky Nikolay.

    • As an afterword.


It is planned that the book will contain full-fledged “live” illustrations (probably a bit of a distraction, to “smooth out” the seriousness of the proposed solutions :) and that it will be released electronically in September, and on paper - early next year (in January - February).



In general, any comments are welcome. I remind you that all the materials of the first book are posted on the site, completely dedicated to her .


')

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



All Articles