Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Front-End оптимизация круче, чем у гугла | OdessaFronted Meetup #4

155 views

Published on

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

Published in: Technology
  • Be the first to comment

Front-End оптимизация круче, чем у гугла | OdessaFronted Meetup #4

  1. 1. Front End OptimizationFEO Maxim Mazurok Full Stack Web Developer @ CS Odessa
  2. 2. What is FEO? Reduce requests Reduce bytes Accelerate render LOAD FASTER
  3. 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. 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. 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. 6. BONUS How to beat the Google?
  7. 7. BONUS How to beat the Google?
  8. 8. BONUS How to beat the Google?
  9. 9. BONUS How to beat the Google?

×