Front end-performance

•

0 recomendaciones•799 vistas

Richard Powell

A Quick overview of the key performance concerns for front-end developers

Tecnología

@byrichardpowell
byrichardpowell.co.uk
Front-End Performance
Thursday, 8 August 13

“80-90% of the end-user
response time is spent on the
frontend. Start there”
Steve Souders,
Head Performance Engineer at Google
Thursday, 8 August 13

Optimise, Miniﬁmise,
Obsfucate, GZip
Loadtime: Filesize
Thursday, 8 August 13

Loadtime: Filesize
Be Defensive
Thursday, 8 August 13

CSS Sprites, Icon Fonts,
Base64 Encoding images
Loadtime: Requests
Thursday, 8 August 13

Loadtime: Requests
Concatenate
Thursday, 8 August 13

Load Scripts Last
and
Only Load when needed
Loadtime: Order
Thursday, 8 August 13

Loadtime: Order
http://bit.ly/12NkgEi
Thursday, 8 August 13

Reduce DOM Interaction
Runtime: DOM Interaction
Thursday, 8 August 13

Runtime: DOM Interaction
http://jsbin.com/ohumon/1/edit
Thursday, 8 August 13

Runtime: DOM Interaction
http://jsbin.com/omeyac/2/edit
Thursday, 8 August 13

Runtime: DOM Interaction
http://jsbin.com/acetul/1/edit
Thursday, 8 August 13

CSS can be expensive
Or it can be an optimisation
Runtime: DOM Interaction
Thursday, 8 August 13

Design API’s Carefully
Runtime: Single Page Application
Thursday, 8 August 13

Perception
http://bit.ly/1bxLxDI
Thursday, 8 August 13

Don’t block the UI
Perception
Thursday, 8 August 13

Load Time
PerceptionRun Time
Thursday, 8 August 13

Más contenido relacionado

La actualidad más candente

EmberJSryanstout

Bkbiet day1mihirio

O'Reilly Fluent, Web Components EnterpriseMediaMath

Backups - Saving all the BaconMatthew Pritchett

WordPress Speed OptimisationPeter Bui

Wordpress databaseKeith Levi Lumanog

La actualidad más candente (6)

EmberJS

Bkbiet day1

O'Reilly Fluent, Web Components Enterprise

Backups - Saving all the Bacon

WordPress Speed Optimisation

Wordpress database

Destacado

Web Page PerformanceMarco Vignaroli

Angular js, Yeomon & GruntRichard Powell

Ted yu：h base and hoyahdhappy001

LithuaniaUNDP Eurasia

Real-time collaborative drawingRichard Powell

Draw stuff at @jsnortheastRichard Powell

Unionens bolagsindikator mars 2011Unionen

Destacado (7)

Web Page Performance

Angular js, Yeomon & Grunt

Ted yu：h base and hoya

Lithuania

Real-time collaborative drawing

Draw stuff at @jsnortheast

Unionens bolagsindikator mars 2011

Similar a Front end-performance

JSDay 2013 - Practical Responsive Web DesignJonathan Klein

Scaling PHP to 40 Million UniquesJonathan Klein

UberFire Quick Intro and Overview (early beta Aug 2013)Mark Proctor

Node Tools For Your Grails Toolbox - Gr8Conf 2013zanthrash

Performance & Responsive Web DesignZach Leatherman

Front-End: O que é e o que fazEduardo Rabelo

Performance and optimizationmarkstory

jQuery Mobile Deep DiveTroy Miles

Making the Switch, Part 1: Top 5 Things to Consider When Evaluating DrupalAcquia

[jqconatx] Adaptive Images for Responsive Web DesignChristopher Schmitt

Lone StarPHP 2013 - Building Web Apps from a New AnglePablo Godel

Building a platform with Django, Docker and Salt | Djangocon lightning talkdotCloud

Building a Platform with Django, Docker and SaltDocker, Inc.

Oxente on Rails 2009Fabio Akita

Are Today’s Good Practices... Tomorrow’s Performance Anti-Patterns?Andy Davies

Become Master of Your Own Universe - DIBI 2013Phil Sturgeon

Architecting for Failure in AWS - PuppetConf 2013Puppet

AWS: Architecting for resilience & cost at scaleJos Boumans

Lessons learned from Node.js - Callbacks / PromisesJason K Yau

Coscup 2013 : Continuous Integration on top of hadoopWisely chen

Similar a Front end-performance (20)

JSDay 2013 - Practical Responsive Web Design

Scaling PHP to 40 Million Uniques

UberFire Quick Intro and Overview (early beta Aug 2013)

Node Tools For Your Grails Toolbox - Gr8Conf 2013

Performance & Responsive Web Design

Front-End: O que é e o que faz

Performance and optimization

jQuery Mobile Deep Dive

Making the Switch, Part 1: Top 5 Things to Consider When Evaluating Drupal

[jqconatx] Adaptive Images for Responsive Web Design

Lone StarPHP 2013 - Building Web Apps from a New Angle

Building a platform with Django, Docker and Salt | Djangocon lightning talk

Building a Platform with Django, Docker and Salt

Oxente on Rails 2009

Are Today’s Good Practices... Tomorrow’s Performance Anti-Patterns?

Become Master of Your Own Universe - DIBI 2013

Architecting for Failure in AWS - PuppetConf 2013

AWS: Architecting for resilience & cost at scale

Lessons learned from Node.js - Callbacks / Promises

Coscup 2013 : Continuous Integration on top of hadoop

Más de Richard Powell

Backbone to React. What it says about awesome UI Code.Richard Powell

Designing user on-boardingRichard Powell

Data Visualisation with D3 & Rickshaw - Berlin Expert DaysRichard Powell

Time-Series Monitoring Graphs with D3 & RickshawRichard Powell

D3 Rickshaw and Backbone in 50 minutesRichard Powell

Angular.js, Yeomon & GruntRichard Powell

HTML5 Canvas @SuperMondays, NewcastleRichard Powell

Más de Richard Powell (7)

Backbone to React. What it says about awesome UI Code.

Designing user on-boarding

Data Visualisation with D3 & Rickshaw - Berlin Expert Days

Time-Series Monitoring Graphs with D3 & Rickshaw

D3 Rickshaw and Backbone in 50 minutes

Angular.js, Yeomon & Grunt

HTML5 Canvas @SuperMondays, Newcastle

Último

A Domino Admins Adventures (Engage 2024)Gabriella Davis

Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo

EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEarley Information Science

Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun

Histor y of HAM Radio presentation slidevu2urc

[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays

From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software

A Year of the Servo Reboot: Where Are We Now?Igalia

08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls

Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2

08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls

Slack Application Development 101 Slidespraypatel2

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia

What Are The Drone Anti-jamming Systems Technology?Antenna Manufacturer Coco

2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong

08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls

🐬 The future of MySQL is Postgres 🐘RTylerCroy