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 OptimizationFEO
Maxim Mazurok Full Stack Web Developer @ CS Odessa
What is FEO?
Reduce requests
Reduce bytes
Accelerate render
LOAD FASTER
How to reduce requests?
CSS JS IMAGES
Sprites
Embedded
Replace with CSS
Bundle
Don’t use 3rd parties
Don’t use duplicates
...
How to reduce bytes?
CSS HTML IMAGES
Format and size
Use SVG when possible
Minify SVG
Minify
Lossless compression
Use only...
How to accelerate render?
CSS HTML IMAGES
Use appropriate sizeMinify
Use only what is really needed for particular page
JS...
BONUS How to beat the Google?
BONUS How to beat the Google?
BONUS How to beat the Google?
BONUS How to beat the Google?
Upcoming SlideShare
Loading in …5
×

of

Front-End оптимизация круче, чем у гугла | Odessa Fronted Meetup #4 Slide 1 Front-End оптимизация круче, чем у гугла | Odessa Fronted Meetup #4 Slide 2 Front-End оптимизация круче, чем у гугла | Odessa Fronted Meetup #4 Slide 3 Front-End оптимизация круче, чем у гугла | Odessa Fronted Meetup #4 Slide 4 Front-End оптимизация круче, чем у гугла | Odessa Fronted Meetup #4 Slide 5 Front-End оптимизация круче, чем у гугла | Odessa Fronted Meetup #4 Slide 6 Front-End оптимизация круче, чем у гугла | Odessa Fronted Meetup #4 Slide 7 Front-End оптимизация круче, чем у гугла | Odessa Fronted Meetup #4 Slide 8 Front-End оптимизация круче, чем у гугла | Odessa Fronted Meetup #4 Slide 9
Upcoming SlideShare
What to Upload to SlideShare
Next
Download to read offline and view in fullscreen.

1 Like

Share

Download to read offline

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

Download to read offline

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

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

Front-End оптимизация круче, чем у гугла | Odessa Fronted 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?
  • maximmazurok

    Dec. 28, 2017

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

Views

Total views

214

On Slideshare

0

From embeds

0

Number of embeds

0

Actions

Downloads

2

Shares

0

Comments

0

Likes

1

×