Просто красивым сайтом уже никого не удивишь, это норма. Более того, пользователи ожидают что сайт будет не только полезный, красивый, но и быстрый. Максим Мазурок делится тем, как сделать загрузку сайта быстрее и как научиться оптимизировать картинки лучше, чем у Google.

1. Front End OptimizationFEO
Maxim Mazurok Full Stack Web Developer @ CS Odessa

2. What is FEO?
Reduce requests
Reduce bytes
Accelerate render
LOAD FASTER

3. How to reduce requests?
CSS JS IMAGES
Sprites
Embedded
Replace with CSS
Bundle
Don’t use 3rd parties
Don’t use duplicates
Use only what is really needed for particular page

4. How to reduce bytes?
CSS HTML IMAGES
Format and size
Use SVG when possible
Minify SVG
Minify
Lossless compression
Use only what is really needed for particular page
JS

5. How to accelerate render?
CSS HTML IMAGES
Use appropriate sizeMinify
Use only what is really needed for particular page
JS
First view ValidateLess code
Frontend render
Async load
Progressive JPEG

6. BONUS How to beat the Google?

7. BONUS How to beat the Google?

8. BONUS How to beat the Google?

9. BONUS How to beat the Google?