Suche senden
Hochladen
Drupal Frontend Performance and Scalability
âą
Als PPTX, PDF herunterladen
âą
0 gefÀllt mir
âą
460 views
A
Ashok Modi
Folgen
Technologie
Melden
Teilen
Melden
Teilen
1 von 29
Jetzt herunterladen
Empfohlen
Front end optimization
Front end optimization
Abhishek Anand
Â
Front End Website Optimization
Front End Website Optimization
Gerard Sychay
Â
Front-End Performance Optimizing
Front-End Performance Optimizing
Michael Pehl
Â
UXify 2015 - Front-end Developers' Checklist for Better UX
UXify 2015 - Front-end Developers' Checklist for Better UX
Stoian Dipchikov
Â
Speed!
Speed!
Rafael Corral
Â
Optimizing web performance (Fronteers edition)
Optimizing web performance (Fronteers edition)
Dave Olsen
Â
Drupal 6 to 7 migration guide
Drupal 6 to 7 migration guide
Ebizon
Â
Squeeze Maximum Performance From Your Joomla Website
Squeeze Maximum Performance From Your Joomla Website
SiteGround.com
Â
Empfohlen
Front end optimization
Front end optimization
Abhishek Anand
Â
Front End Website Optimization
Front End Website Optimization
Gerard Sychay
Â
Front-End Performance Optimizing
Front-End Performance Optimizing
Michael Pehl
Â
UXify 2015 - Front-end Developers' Checklist for Better UX
UXify 2015 - Front-end Developers' Checklist for Better UX
Stoian Dipchikov
Â
Speed!
Speed!
Rafael Corral
Â
Optimizing web performance (Fronteers edition)
Optimizing web performance (Fronteers edition)
Dave Olsen
Â
Drupal 6 to 7 migration guide
Drupal 6 to 7 migration guide
Ebizon
Â
Squeeze Maximum Performance From Your Joomla Website
Squeeze Maximum Performance From Your Joomla Website
SiteGround.com
Â
Upgrading your site from Drupal 6 to Drupal 7
Upgrading your site from Drupal 6 to Drupal 7
Andrew Martha
Â
I Can Haz More Performanz?
I Can Haz More Performanz?
Andy Melichar
Â
Taking your site from Drupal 6 to Drupal 7
Taking your site from Drupal 6 to Drupal 7
Phase2
Â
Speed up Your Joomla Site for Ultimate Performance
Speed up Your Joomla Site for Ultimate Performance
JoomlaDay Australia
Â
Hyperlight Websites - Chris Zacharias
Hyperlight Websites - Chris Zacharias
Christopher Zacharias
Â
jQuery 1.9 and 2.0 - Present and Future
jQuery 1.9 and 2.0 - Present and Future
Richard Worth
Â
Web performance optimization (WPO)
Web performance optimization (WPO)
Mariusz Kaczmarek
Â
Optimizing Your WordPress Site: Why speed matters, and how to get there
Optimizing Your WordPress Site: Why speed matters, and how to get there
Stephen Bell
Â
Adobe Experience Manager - 6th Edition by Cedric Huesler
Adobe Experience Manager - 6th Edition by Cedric Huesler
AEM HUB
Â
Bootstrap Framework and Drupal
Bootstrap Framework and Drupal
Jim Birch
Â
Responsive Layout Frameworks for XPages Application UI
Responsive Layout Frameworks for XPages Application UI
Chris Toohey
Â
Let's dig into the Omega Theme!
Let's dig into the Omega Theme!
Mediacurrent
Â
Frontend performance
Frontend performance
sacred 8
Â
Html Optimization for SEO
Html Optimization for SEO
S. Ernest Paul âȘ
Â
Refreshing Your UI with HTML5, Bootstrap and CSS3
Refreshing Your UI with HTML5, Bootstrap and CSS3
Matt Raible
Â
Responsive Theme Workshop - WordCamp Columbus 2015
Responsive Theme Workshop - WordCamp Columbus 2015
Joe Querin
Â
Responsive design in plone
Responsive design in plone
Alin Voinea
Â
Optimizing the performance of WordPress
Optimizing the performance of WordPress
Josh Highland Giese
Â
DrupalCamp Melbourne 2015. Bootstrap: framework and theme.
DrupalCamp Melbourne 2015. Bootstrap: framework and theme.
Vladimir Roudakov
Â
Web Development for UX Designers
Web Development for UX Designers
Ashlimarie
Â
Money Spreads
Money Spreads
vissie101
Â
Hacking core
Hacking core
Ashok Modi
Â
Weitere Àhnliche Inhalte
Was ist angesagt?
Upgrading your site from Drupal 6 to Drupal 7
Upgrading your site from Drupal 6 to Drupal 7
Andrew Martha
Â
I Can Haz More Performanz?
I Can Haz More Performanz?
Andy Melichar
Â
Taking your site from Drupal 6 to Drupal 7
Taking your site from Drupal 6 to Drupal 7
Phase2
Â
Speed up Your Joomla Site for Ultimate Performance
Speed up Your Joomla Site for Ultimate Performance
JoomlaDay Australia
Â
Hyperlight Websites - Chris Zacharias
Hyperlight Websites - Chris Zacharias
Christopher Zacharias
Â
jQuery 1.9 and 2.0 - Present and Future
jQuery 1.9 and 2.0 - Present and Future
Richard Worth
Â
Web performance optimization (WPO)
Web performance optimization (WPO)
Mariusz Kaczmarek
Â
Optimizing Your WordPress Site: Why speed matters, and how to get there
Optimizing Your WordPress Site: Why speed matters, and how to get there
Stephen Bell
Â
Adobe Experience Manager - 6th Edition by Cedric Huesler
Adobe Experience Manager - 6th Edition by Cedric Huesler
AEM HUB
Â
Bootstrap Framework and Drupal
Bootstrap Framework and Drupal
Jim Birch
Â
Responsive Layout Frameworks for XPages Application UI
Responsive Layout Frameworks for XPages Application UI
Chris Toohey
Â
Let's dig into the Omega Theme!
Let's dig into the Omega Theme!
Mediacurrent
Â
Frontend performance
Frontend performance
sacred 8
Â
Html Optimization for SEO
Html Optimization for SEO
S. Ernest Paul âȘ
Â
Refreshing Your UI with HTML5, Bootstrap and CSS3
Refreshing Your UI with HTML5, Bootstrap and CSS3
Matt Raible
Â
Responsive Theme Workshop - WordCamp Columbus 2015
Responsive Theme Workshop - WordCamp Columbus 2015
Joe Querin
Â
Responsive design in plone
Responsive design in plone
Alin Voinea
Â
Optimizing the performance of WordPress
Optimizing the performance of WordPress
Josh Highland Giese
Â
DrupalCamp Melbourne 2015. Bootstrap: framework and theme.
DrupalCamp Melbourne 2015. Bootstrap: framework and theme.
Vladimir Roudakov
Â
Web Development for UX Designers
Web Development for UX Designers
Ashlimarie
Â
Was ist angesagt?
(20)
Upgrading your site from Drupal 6 to Drupal 7
Upgrading your site from Drupal 6 to Drupal 7
Â
I Can Haz More Performanz?
I Can Haz More Performanz?
Â
Taking your site from Drupal 6 to Drupal 7
Taking your site from Drupal 6 to Drupal 7
Â
Speed up Your Joomla Site for Ultimate Performance
Speed up Your Joomla Site for Ultimate Performance
Â
Hyperlight Websites - Chris Zacharias
Hyperlight Websites - Chris Zacharias
Â
jQuery 1.9 and 2.0 - Present and Future
jQuery 1.9 and 2.0 - Present and Future
Â
Web performance optimization (WPO)
Web performance optimization (WPO)
Â
Optimizing Your WordPress Site: Why speed matters, and how to get there
Optimizing Your WordPress Site: Why speed matters, and how to get there
Â
Adobe Experience Manager - 6th Edition by Cedric Huesler
Adobe Experience Manager - 6th Edition by Cedric Huesler
Â
Bootstrap Framework and Drupal
Bootstrap Framework and Drupal
Â
Responsive Layout Frameworks for XPages Application UI
Responsive Layout Frameworks for XPages Application UI
Â
Let's dig into the Omega Theme!
Let's dig into the Omega Theme!
Â
Frontend performance
Frontend performance
Â
Html Optimization for SEO
Html Optimization for SEO
Â
Refreshing Your UI with HTML5, Bootstrap and CSS3
Refreshing Your UI with HTML5, Bootstrap and CSS3
Â
Responsive Theme Workshop - WordCamp Columbus 2015
Responsive Theme Workshop - WordCamp Columbus 2015
Â
Responsive design in plone
Responsive design in plone
Â
Optimizing the performance of WordPress
Optimizing the performance of WordPress
Â
DrupalCamp Melbourne 2015. Bootstrap: framework and theme.
DrupalCamp Melbourne 2015. Bootstrap: framework and theme.
Â
Web Development for UX Designers
Web Development for UX Designers
Â
Andere mochten auch
Money Spreads
Money Spreads
vissie101
Â
Hacking core
Hacking core
Ashok Modi
Â
Nahkara Ink LLC Portfolio
Nahkara Ink LLC Portfolio
wolfin1415
Â
My SMS Scenter
My SMS Scenter
Mysmscenter
Â
Panorami
Panorami
Comitato soloisola
Â
Fitur Software Sms Bisnis Mysmscenter
Fitur Software Sms Bisnis Mysmscenter
Mysmscenter
Â
Andere mochten auch
(6)
Money Spreads
Money Spreads
Â
Hacking core
Hacking core
Â
Nahkara Ink LLC Portfolio
Nahkara Ink LLC Portfolio
Â
My SMS Scenter
My SMS Scenter
Â
Panorami
Panorami
Â
Fitur Software Sms Bisnis Mysmscenter
Fitur Software Sms Bisnis Mysmscenter
Â
Ăhnlich wie Drupal Frontend Performance and Scalability
DrupalCampLA 2011 - Drupal frontend-optimizing
DrupalCampLA 2011 - Drupal frontend-optimizing
Ashok Modi
Â
Front end performance optimization
Front end performance optimization
Stevie T
Â
Front-end optimisation & jQuery Internals
Front-end optimisation & jQuery Internals
Artur Cistov
Â
Html5 & less css
Html5 & less css
Graham Johnson
Â
Front-end optimisation & jQuery Internals (Pycon)
Front-end optimisation & jQuery Internals (Pycon)
Artur Cistov
Â
Make Drupal Run Fast - increase page load speed
Make Drupal Run Fast - increase page load speed
Andy Kucharski
Â
Magento Performance Optimization 101
Magento Performance Optimization 101
Angus Li
Â
Improving Drupal Performances
Improving Drupal Performances
Vladimir Ilic
Â
High Performance Web Pages - 20 new best practices
High Performance Web Pages - 20 new best practices
Stoyan Stefanov
Â
Building high performance web apps.
Building high performance web apps.
Arshak Movsisyan
Â
Web Client Performance
Web Client Performance
Herea Adrian
Â
Front-end performances
Front-end performances
Smile I.T is open
Â
10 Tips to make your Website lightning-fast - SMX Stockholm 2012
10 Tips to make your Website lightning-fast - SMX Stockholm 2012
Bastian Grimm
Â
WordCamp Denmark Keynote
WordCamp Denmark Keynote
Frederick Townes
Â
Asp.net performance
Asp.net performance
Abhishek Sur
Â
Performace optimization (increase website speed)
Performace optimization (increase website speed)
clickramanm
Â
Bootstrap4XPages webinar
Bootstrap4XPages webinar
Mark Leusink
Â
Frontend Workflow
Frontend Workflow
DelphiCon
Â
The Need for Speed - SMX Sydney 2013
The Need for Speed - SMX Sydney 2013
Bastian Grimm
Â
Web development today
Web development today
Jaydev Gajera
Â
Ăhnlich wie Drupal Frontend Performance and Scalability
(20)
DrupalCampLA 2011 - Drupal frontend-optimizing
DrupalCampLA 2011 - Drupal frontend-optimizing
Â
Front end performance optimization
Front end performance optimization
Â
Front-end optimisation & jQuery Internals
Front-end optimisation & jQuery Internals
Â
Html5 & less css
Html5 & less css
Â
Front-end optimisation & jQuery Internals (Pycon)
Front-end optimisation & jQuery Internals (Pycon)
Â
Make Drupal Run Fast - increase page load speed
Make Drupal Run Fast - increase page load speed
Â
Magento Performance Optimization 101
Magento Performance Optimization 101
Â
Improving Drupal Performances
Improving Drupal Performances
Â
High Performance Web Pages - 20 new best practices
High Performance Web Pages - 20 new best practices
Â
Building high performance web apps.
Building high performance web apps.
Â
Web Client Performance
Web Client Performance
Â
Front-end performances
Front-end performances
Â
10 Tips to make your Website lightning-fast - SMX Stockholm 2012
10 Tips to make your Website lightning-fast - SMX Stockholm 2012
Â
WordCamp Denmark Keynote
WordCamp Denmark Keynote
Â
Asp.net performance
Asp.net performance
Â
Performace optimization (increase website speed)
Performace optimization (increase website speed)
Â
Bootstrap4XPages webinar
Bootstrap4XPages webinar
Â
Frontend Workflow
Frontend Workflow
Â
The Need for Speed - SMX Sydney 2013
The Need for Speed - SMX Sydney 2013
Â
Web development today
Web development today
Â
Mehr von Ashok Modi
Drupal Camp LA 2011: Typography modules for Drupal
Drupal Camp LA 2011: Typography modules for Drupal
Ashok Modi
Â
DrupalCampLA 2011: Drupal backend-performance
DrupalCampLA 2011: Drupal backend-performance
Ashok Modi
Â
Entity cache
Entity cache
Ashok Modi
Â
Drupal content-migration
Drupal content-migration
Ashok Modi
Â
CalArts presentation
CalArts presentation
Ashok Modi
Â
Drupal Camp LA 2010: Moderating Content in Drupal
Drupal Camp LA 2010: Moderating Content in Drupal
Ashok Modi
Â
Drupal Backend Performance and Scalability
Drupal Backend Performance and Scalability
Ashok Modi
Â
Zimmertwins Presentation
Zimmertwins Presentation
Ashok Modi
Â
Mehr von Ashok Modi
(8)
Drupal Camp LA 2011: Typography modules for Drupal
Drupal Camp LA 2011: Typography modules for Drupal
Â
DrupalCampLA 2011: Drupal backend-performance
DrupalCampLA 2011: Drupal backend-performance
Â
Entity cache
Entity cache
Â
Drupal content-migration
Drupal content-migration
Â
CalArts presentation
CalArts presentation
Â
Drupal Camp LA 2010: Moderating Content in Drupal
Drupal Camp LA 2010: Moderating Content in Drupal
Â
Drupal Backend Performance and Scalability
Drupal Backend Performance and Scalability
Â
Zimmertwins Presentation
Zimmertwins Presentation
Â
KĂŒrzlich hochgeladen
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
The Digital Insurer
Â
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Delhi Call girls
Â
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
V3cube
Â
Finology Group â Insurtech Innovation Award 2024
Finology Group â Insurtech Innovation Award 2024
The Digital Insurer
Â
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
Enterprise Knowledge
Â
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Anna Loughnan Colquhoun
Â
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
Results
Â
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Delhi Call girls
Â
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
Â
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
apidays
Â
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc
Â
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Katpro Technologies
Â
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Gabriella Davis
Â
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
Maria Levchenko
Â
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
hans926745
Â
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
Paola De la Torre
Â
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Rafal Los
Â
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
Allon Mureinik
Â
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
Â
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service đž 8923113531 đ° Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service đž 8923113531 đ° Avail...
gurkirankumar98700
Â
KĂŒrzlich hochgeladen
(20)
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
Â
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Â
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
Â
Finology Group â Insurtech Innovation Award 2024
Finology Group â Insurtech Innovation Award 2024
Â
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
Â
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Â
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
Â
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Â
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Â
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Â
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
Â
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Â
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Â
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
Â
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
Â
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
Â
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Â
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
Â
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Â
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service đž 8923113531 đ° Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service đž 8923113531 đ° Avail...
Â
Drupal Frontend Performance and Scalability
1.
2.
3.
Work at California
Institute of the Arts.
4.
Working with Drupal
since 2006 (4.6.x)
5.
Primarily help with
patches and upgrades for contrib modules on d.o.
6.
Abuse
7.
Favorites
8.
Flag Content
9.
Fivestar
10.
Nice Menus
11.
Simplenews
12.
Userpoints
13.
Userpoints_badges
14.
User_badge
15.
And more!
16.
17.
Camp Organizer
18.
Drupal Core Contributor
19.
Person of the
Year
20.
21.
http://kkaefer.com/
22.
Steve Souders
23.
http://www.stevesouders.com/blog/
24.
High Performance
25.
26.
Do you want
faster response to the end user per page?
27.
Do you want
to handle more page views?
28.
Do you want
to minimize downtime?
29.
Each is different,
though they may be related
30.
Sometimes, there are
some âlow hanging fruitâ that are easy to see, that provide noticeable improvement with little effort.
31.
Gets hard to
achieve more performance (more efforts, low return)
32.
More infrastructure (splitting
servers, multiple web/db servers, etc)
33.
Patching Drupal
34.
35.
Must be based
on proper data.
36.
Analysis of data
collected.
37.
38.
39.
Overall load time?
40.
Page size?
41.
Time until the
DOM is loaded?
42.
Time until page
is rendered?
43.
44.
Track loading time
for stylesheets, javascript, images, and total page load time.
45.
Yslow
46.
Rates a webpage
based on 13 criteria
47.
Determines overall load
time
48.
Provides optimization suggestions
49.
Provides graphs numbers
and figures on loading a particular page
50.
Google Page Speed
51.
Similar to Yslow
52.
Provides suggestions on
improving CSS, optimizing image files and javascript
53.
Google Chrome Developer
Panel
54.
Very powerful (integrated
with Google Page Speed).
55.
56.
Measure timing for
Web 2.0 Applications
57.
Very granular measurement
(measures how long each section
58.
59.
http://webpagetest.org
60.
IBM Page Detailer
61.
http://www.alphaworks.ibm.com/tech/pagedetailer
62.
Only for windows
63.
Pingdom
64.
http://tools.pingdom.com
65.
Waterfall Diagram
66.
WebKit
67.
http://webkit.org/
68.
69.
Fewer requests is
better than smaller files
70.
71.
Many images in
one file
72.
Shift into view
via CSS with background-postion
73.
Aggregate scripts and
styles
74.
Built into Drupal
75.
More sophisticated modules:
76.
http://drupal.org/project/sf_cache
77.
http://drupal.org/project/javascript_aggregator
78.
79.
-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius:
4px;
80.
Use image data
in CSS
81.
background:url(data:image/gif;base64,R0lGODlhEAAOALMAAOazToeHh0tLS/7LZv/0jvb29t/f3//Ub/ /ge8WSLf/rhf/3kdbW1mxsbP//mf///yH5BAAAAAAALAAAAAAQAA4AAARe8L1Ekyky67QZ1hLnjM5UUde0ECwLJoExK cppV0aCcGCmTIHEIUEqjgaORCMxIC6e0CcguWw6aFjsVMkkIr7g77ZKPJjPZqIyd7sJAgVGoEGv2xsBxqNgYPj/gAwXEQA7)
top left no-repeat; )
82.
83.
Lots of Servers
scattered around the world
84.
Reduces roundtrip times
85.
Using a CDN
on http://www.zimmertwins.ca increased the requests/second by 30% from 150 req/s to 200 reqs/s
86.
Can be an
inexpensive solution to hosting static files (7 â 80 cents/GB)
87.
http://akamai.com
88.
http://www.simplecdn.com
89.
http://cachefly.com
90.
91.
92.
Browsers check if
the content is âfreshâ
93.
Set Expires header
to a date far in the future
94.
<location /css>ExpiresActive OnExpiresDefault
âaccess + 1 yearâ</location>ExpiresByType image/png "access plus 1 yearâ
95.
96.
<IfModulemod_deflate.c>AddOutputFilterByType DEFLATE text/cssapplication/x-javascript</IfModule>
97.
Vastly reduces page
size
98.
http://calarts.edu: 250kb ->
100kb
99.
100.
Page renders when
all CSS in header is loaded
101.
Loading CSS later
causes re-rendering and user will see moment of unstyled content.
102.
Use <link> instead
of @import
103.
Supports downloads in
parallel
104.
105.
Loading scripts blocks
page rendering
106.
Only one script
can be downloaded at a time and will block other downloads
107.
Scripts are loaded
sequentially
108.
Donât use onfoo
event handlers in HTML code
109.
Graceful degradation6. JS
at the bottom
110.
111.
Great savings, even
with Gzip
112.
Drupalâs core aggregator
or contributed modules:
113.
http://drupal.org/project/sf_cache
114.
115.
Using multiple hostnames
-> higher parallelization
116.
Donât overdo it!
117.
Modules to help
with this:
118.
CDN (http://drupal.org/project/cdn) -
Requires Patching or usage of Pressflow to work correctly.
119.
Parallel (http://drupal.org/project/parallel) -
only usage is with parallel domain pointing to same server with same assets.
120.
However, Most current
browsers allow more than 2 connections per host
121.
Chrome: 6
122.
FF 3: 6
123.
IE8: 6
124.
Safari: 4
125.
126.
Removes invisible content
127.
Lossless Recompression
128.
JPEGTran/ImageMagick
129.
Remove color profiles,
meta data
130.
Lossless JPEG operations
131.
http://smushit.com - now
integrated into Yslow
132.
Google Page Speed
reports how amount image can be compressed
133.
134.
135.
Libraries such as
JQuery also count
136.
Defer setup work
137.
Load images only
when they need to be displayed for the first time
138.
Load carousel image
for first time when it is called
139.
Initial load size
for images in carousel: 650kb
140.
Initial Load size
for images in carousel after js lazy load: 250kb
141.
Only load content
above the fold
142.
jQueryPlugin: http://bit.ly/NpZPn
143.
144.
Indexed in the
DOM
145.
Try to avoid
using .class selectors
146.
IE Traverses the
entire DOM
147.
Use element.class selector
148.
Use the nearest
parent id as your context for class selectors
149.
Try to avoid
complicated selectors.
150.
If possible have
fewer DOM elements on the page.
151.
152.
Can be solved
if using a CDN or a reverse proxy such as Varnish
153.
Pressflow also comes
with a module that will remove cookies for anonymous users.
154.
Remove Etags
155.
Setting expires headers
will do more good.
156.
Load Order
157.
Move contents of
htaccess to your site config and set allowoverride to none.
158.
159.
Heather Wozniak
160.
HTML5 and Drupal
Theming
161.
Scott Vandehey (spaceninja)
162.
Stop Complaining about
Views and learn how to theme them already!
163.
Helior Colorado
164.
Will touch on
Sematic Web and reducing the size of the DOM.
165.
Theme Packets: A
modular approach to theming Drupal
166.
Hinweis der Redaktion
Show net panel and what is would look like
Show net panel and what is would look like
Show net panel and what is would look like
Show net panel and what is would look like
Show net panel and what is would look like
Show net panel and what is would look like
Show net panel and what is would look like
Show net panel and what is would look like
Show net panel and what is would look like
Show net panel and what is would look like
Show net panel and what is would look like
Show net panel and what is would look like
Show net panel and what is would look like
Show net panel and what is would look like
Show net panel and what is would look like
Show from http://www.webpagetest.org/result/090807_21FQ/1/details/cached/
Show what top looks like
Jetzt herunterladen