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

OdessaFrontendOdessaFrontend

•1 like•239 views

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
Use only what is really needed for particular page

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

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

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

•1 like•239 views

Download to read offline

Technology

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

OdessaFrontendOdessaFrontend

Recently uploaded

Uni Systems for Power Platform.pptx by

Uni Systems for Power Platform.pptxUni Systems S.M.S.A.

60 views•21 slides

Webinar : Desperately Seeking Transformation - Part 2: Insights from leading... by

Webinar : Desperately Seeking Transformation - Part 2: Insights from leading...The Digital Insurer

40 views•52 slides

Extending KVM Host HA for Non-NFS Storage - Alex Ivanov - StorPool by

Extending KVM Host HA for Non-NFS Storage - Alex Ivanov - StorPoolShapeBlue

56 views•10 slides

iSAQB Software Architecture Gathering 2023: How Process Orchestration Increas... by

iSAQB Software Architecture Gathering 2023: How Process Orchestration Increas...Bernd Ruecker

50 views•69 slides

CloudStack and GitOps at Enterprise Scale - Alex Dometrius, Rene Glover - AT&T by

CloudStack and GitOps at Enterprise Scale - Alex Dometrius, Rene Glover - AT&TShapeBlue

81 views•34 slides

Elevating Privacy and Security in CloudStack - Boris Stoyanov - ShapeBlue by

Elevating Privacy and Security in CloudStack - Boris Stoyanov - ShapeBlueShapeBlue

149 views•7 slides

Recently uploaded(20)

Uni Systems for Power Platform.pptx by Uni Systems S.M.S.A.

Uni Systems for Power Platform.pptx

Uni Systems S.M.S.A.•60 views

Webinar : Desperately Seeking Transformation - Part 2: Insights from leading... by The Digital Insurer

Webinar : Desperately Seeking Transformation - Part 2: Insights from leading...

The Digital Insurer•40 views

Extending KVM Host HA for Non-NFS Storage - Alex Ivanov - StorPool by ShapeBlue

Extending KVM Host HA for Non-NFS Storage - Alex Ivanov - StorPool

ShapeBlue•56 views

iSAQB Software Architecture Gathering 2023: How Process Orchestration Increas... by Bernd Ruecker

iSAQB Software Architecture Gathering 2023: How Process Orchestration Increas...

Bernd Ruecker•50 views

CloudStack and GitOps at Enterprise Scale - Alex Dometrius, Rene Glover - AT&T by ShapeBlue

CloudStack and GitOps at Enterprise Scale - Alex Dometrius, Rene Glover - AT&T

ShapeBlue•81 views

Elevating Privacy and Security in CloudStack - Boris Stoyanov - ShapeBlue by ShapeBlue

Elevating Privacy and Security in CloudStack - Boris Stoyanov - ShapeBlue

ShapeBlue•149 views

Confidence in CloudStack - Aron Wagner, Nathan Gleason - Americ by ShapeBlue

Confidence in CloudStack - Aron Wagner, Nathan Gleason - Americ

ShapeBlue•58 views

Digital Personal Data Protection (DPDP) Practical Approach For CISOs by Priyanka Aash

Digital Personal Data Protection (DPDP) Practical Approach For CISOs

Priyanka Aash•103 views

Transitioning from VMware vCloud to Apache CloudStack: A Path to Profitabilit... by ShapeBlue

Transitioning from VMware vCloud to Apache CloudStack: A Path to Profitabilit...

ShapeBlue•86 views

20231123_Camunda Meetup Vienna.pdf by Phactum Softwareentwicklung GmbH

20231123_Camunda Meetup Vienna.pdf

Phactum Softwareentwicklung GmbH•49 views

VNF Integration and Support in CloudStack - Wei Zhou - ShapeBlue by ShapeBlue

VNF Integration and Support in CloudStack - Wei Zhou - ShapeBlue

ShapeBlue•134 views

Kyo - Functional Scala 2023.pdf by Flavio W. Brasil

Kyo - Functional Scala 2023.pdf

Flavio W. Brasil•443 views

NTGapps NTG LowCode Platform by Mustafa Kuğu

NTGapps NTG LowCode Platform

Mustafa Kuğu•287 views

Hypervisor Agnostic DRS in CloudStack - Brief overview & demo - Vishesh Jinda... by ShapeBlue

Hypervisor Agnostic DRS in CloudStack - Brief overview & demo - Vishesh Jinda...

ShapeBlue•93 views

Zero to Cloud Hero: Crafting a Private Cloud from Scratch with XCP-ng, Xen Or... by ShapeBlue

Zero to Cloud Hero: Crafting a Private Cloud from Scratch with XCP-ng, Xen Or...

ShapeBlue•128 views

Ransomware is Knocking your Door_Final.pdf by Security Bootcamp

Ransomware is Knocking your Door_Final.pdf

Security Bootcamp•81 views

DRBD Deep Dive - Philipp Reisner - LINBIT by ShapeBlue

DRBD Deep Dive - Philipp Reisner - LINBIT

ShapeBlue•110 views

TrustArc Webinar - Managing Online Tracking Technology Vendors_ A Checklist f... by TrustArc

TrustArc Webinar - Managing Online Tracking Technology Vendors_ A Checklist f...

TrustArc•130 views

Declarative Kubernetes Cluster Deployment with Cloudstack and Cluster API - O... by ShapeBlue

Declarative Kubernetes Cluster Deployment with Cloudstack and Cluster API - O...

ShapeBlue•59 views

Microsoft Power Platform.pptx by Uni Systems S.M.S.A.

Microsoft Power Platform.pptx

Uni Systems S.M.S.A.•74 views