Mehr Performance für WordPress - WPFra
0 likes•2,686 views
The document provides various strategies and tools for optimizing WordPress performance, including performance metrics, caching methods, database optimization, and managing script loading. It also discusses using .htaccess for compression and handling static resources efficiently. Additionally, it highlights performance best practices and links to relevant resources and plugins.
![Datenbank
MyISAM InnoDB→
ALTER TABLE `wp_options` ENGINE = InnoDB;
/etc/my.cnf
[mysqld]
query_cache_size = 0
query_cache_type = 0
innodb_buffer_pool_size = 512M](https://image.slidesharecdn.com/wpfra-wordpress-web-performance-150414153938-conversion-gate01/85/Mehr-Performance-fur-WordPress-WPFra-18-320.jpg)
![Cron
function meins_update_function() {
$data = wp_remote_get( 'http://example.com/data.json' );
if ( $data ) set_transient( 'meine_daten', $data['body'] );
}
add_action( 'meins_update_hook', 'meins_update_function' );
function meins_cronjobs() {
if ( ! wp_next_scheduled( 'meins_update_hook' ) ) {
wp_schedule_event( time(), 'hourly', 'meins_update_hook' );
}
}
add_action( 'wp', 'meins_cronjobs');
https://codex.wordpress.org/Function_Reference/wp_schedule_event](https://image.slidesharecdn.com/wpfra-wordpress-web-performance-150414153938-conversion-gate01/85/Mehr-Performance-fur-WordPress-WPFra-38-320.jpg)
Mehr Performance für WordPress - WPFra
- 1. Mehr Performance für WordPress Walter Ebert http://wpmeetup-frankfurt.de/
- 10. Profiler in Eigenbau function meins_profiler() { $profiler = sprintf( '%d queries in %.3f seconds using %.2fMB memory', get_num_queries(), timer_stop( 0, 3 ), memory_get_peak_usage() / 1024 / 1024 ); echo '<!-- ' . $profiler . ' -->'; } add_action( 'shutdown', 'meins_profiler' );
- 13. Performance-Budget Zum Beispiel • Antwortzeit < 0,4 S. • Start Browserrendering < 1,0 S. • Vollständig geladen < 3,0 S. • Gesamter Seitenumfang < 0,5 MB http://timkadlec.com/2014/11/performance-budget-metrics/ http://timkadlec.com/2014/05/performance-budgeting-with-grunt/ http://cognition.happycog.com/article/designing-with-a-performance-budget
- 14. .htaccess <IfModule mod_headers.c> Header set Connection Keep-Alive </IfModule>
- 15. .htaccess <IfModule mod_deflate.c> AddOutputFilterByType DEFLATE application/atom+xml application/javascript application/json application/ld+json application/rss+xml application/vnd.ms-fontobject application/x-font-ttf application/x-web-app-manifest+json application/xhtml+xml application/xml font/opentype image/svg+xml image/x-icon text/css text/html text/plain text/vtt text/x-component text/xml </IfModule>
- 16. .htaccess <IfModule mod_expires.c> ExpiresActive on ExpiresDefault "access plus 1 week" ExpiresByType text/css "access plus 1 year" ExpiresByType application/json "access plus 0 seconds" ExpiresByType application/ld+json "access plus 0 seconds" ExpiresByType application/xml "access plus 0 seconds" ExpiresByType text/xml "access plus 0 seconds" ExpiresByType image/x-icon "access plus 1 week" ExpiresByType text/x-component "access plus 1 month" ExpiresByType text/html "access plus 0 seconds" ExpiresByType application/javascript "access plus 1 year" ExpiresByType application/x-web-app-manifest+json "access plus 0 seconds" ExpiresByType text/cache-manifest "access plus 0 seconds" ExpiresByType audio/ogg "access plus 1 month" ExpiresByType image/gif "access plus 1 month" ExpiresByType image/jpeg "access plus 1 month" ExpiresByType image/png "access plus 1 month" ExpiresByType video/mp4 "access plus 1 month" ExpiresByType video/ogg "access plus 1 month" ExpiresByType video/webm "access plus 1 month" ExpiresByType application/atom+xml "access plus 1 hour" ExpiresByType application/rss+xml "access plus 1 hour" ExpiresByType application/font-woff "access plus 1 month" ExpiresByType application/vnd.ms-fontobject "access plus 1 month" ExpiresByType application/x-font-ttf "access plus 1 month" ExpiresByType font/opentype "access plus 1 month" ExpiresByType image/svg+xml "access plus 1 month" </IfModule>
- 18. Datenbank MyISAM InnoDB→ ALTER TABLE `wp_options` ENGINE = InnoDB; /etc/my.cnf [mysqld] query_cache_size = 0 query_cache_type = 0 innodb_buffer_pool_size = 512M
- 19. Caching-Plugins http://codex.wordpress.org/Theme_Unit_Test Fullpage file caching , Linux, Apache 2.4.6, PHP 5.6.7, MariaDB 15.1 ab -n 100 -c 3 http://localhost/ ab -n 100 -c 3 http://localhost/template-sticky/ ab -n 100 -c 3 http://localhost/sample-page/ Startseite Post Page Ohne 598 419 466 W3 Total Cache 23 1 1 WP Supercache 15 1 1 Cachify 737 1 1 Median Antwortzeiten (ms)
- 22. http://httparchive.org/http://httparchive.org/ März 2012 1,0 MB März 2015 2,0 MB
- 31. Child-Themes style.css /* Theme Name: Meins Template: twentyfifteen */ @import url( "../twentyfifteen/style.css" ); functions.php function meins_wp_enqueue_scripts() { wp_enqueue_style('parent', get_template_directory_uri() . '/style.css'); wp_enqueue_style( 'child', get_stylesheet_directory_uri() . '/style.css', array( 'parent' ) ); } add_action( 'wp_enqueue_scripts', 'meins_wp_enqueue_scripts' ); https://codex.wordpress.org/Child_Themes http://www.stevesouders.com/blog/2009/04/09/dont-use-import/
- 32. Konditionelles Laden function meins_enqueue_scripts() { if ( is_front_page() ) { wp_enqueue_style( 'homepage', get_stylesheet_uri() . '/home.css ); wp_enqueue_script( 'masonry' ); } } add_action( 'wp_enqueue_scripts', 'meins_enqueue_scripts' ); http://codex.wordpress.org/Conditional_Tags https://codex.wordpress.org/Function_Reference/wp_enqueue_script#Default_Scripts_Includ ed_and_Registered_by_WordPress Oder andere Conditional Tags: is_home(), is_page(), is_single(), is_archive(), usw.
- 33. Hooks entfernen function meins_remove_scripts() { if ( ! is_page_template( 'events.php' ) ) { remove_action( 'wp_enqueue_scripts', array( 'EM_Scripts_and_Styles', 'public_enqueue' ) ); } } add_action( 'wp_enqueue_scripts', 'meins_remove_scripts', 9 ); http://codex.wordpress.org/Function_Reference/remove_action -14 HTTP Requests -220 KB -2 MySQL Queries
- 34. Javascript + CSS • Dateien minifizieren • Dateien kombinieren Plugins • Autoptimize • W3 Total Cache
- 35. Javascript + CSS JS-Bibliotheken http://microjs.com/ CSS-Frameworks Pure 17 KB vs. Bootstrap 115 KB
- 36. Responsive Design + Server Side Components (RESS) if ( wp_is_mobile() ) { // z.B. keine Werbung } else { // Kohle schäffeln } http://www.lukew.com/ff/entry.asp?1392 https://codex.wordpress.org/Function_Reference/wp_is_mobile Nicht in Kombination mit Fullpage-Caching nutzen
- 37. Caching-Funktionen wp_cache_set( 'meine_daten', $data ); $daten = wp_cache_get( 'meine_daten' ); set_transient( 'meine_daten', $data ); $daten = get_transient( 'meine_daten' ); https://codex.wordpress.org/Class_Reference/WP_Object_Cache https://codex.wordpress.org/Transients_API
- 38. Cron function meins_update_function() { $data = wp_remote_get( 'http://example.com/data.json' ); if ( $data ) set_transient( 'meine_daten', $data['body'] ); } add_action( 'meins_update_hook', 'meins_update_function' ); function meins_cronjobs() { if ( ! wp_next_scheduled( 'meins_update_hook' ) ) { wp_schedule_event( time(), 'hourly', 'meins_update_hook' ); } } add_action( 'wp', 'meins_cronjobs'); https://codex.wordpress.org/Function_Reference/wp_schedule_event
- 40. Critical Rendering Path a.k.a. Above the Fold Content
- 41. Critical Rendering Path a.k.a. Above the Fold Content a.k.a. 100/100 Punkte https://developers.google.com/web/fundamentals/performance/critical-rendering-path/?hl=de https://developers.google.com/speed/docs/insights/about?hl=de
- 42. Javascript im Footer laden function meins_scripts() { wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/beispiel.js', array(), '1.0.0', true ); } add_action( 'wp_enqueue_scripts', 'meins_scripts' ); https://codex.wordpress.org/Function_Reference/wp_enqueue_script
- 43. jQuery im Footer laden function meins_wp_enqueue_scripts() { if ( ! is_user_logged_in() ) { wp_dequeue_script( 'jquery-core' ); wp_enqueue_script( 'jquery-core', includes_url( '/js/jquery/jquery.js' ), array(), '', true ); } } add_action( 'wp_enqueue_scripts', 'meins_wp_enqueue_scripts' );
- 44. Javascript asynchron laden function meins_async_scripts() { ?> <script src="<?php echo get_template_directory_uri(); ?>/js/beispiel.js" async defer></script> <?php } add_action( 'wp_head', 'meins_async_scripts' ); Nur für Skripte die keine Abhängigkeiten haben https://www.igvita.com/2014/05/20/script-injected-async-scripts-considered-harmful/
- 45. Critical CSS function meins_critical_css() { echo '<style>' . file_get_contents( __DIR__ . DIRECTORY_SEPARATOR . 'critical.css' ) . '</style>'; } add_action( 'wp_head', 'meins_critical_css' ); function meins_full_css() { echo '<link rel="stylesheet" type="text/css" href="' . get_stylesheet_directory_uri() . '/style.css">'; } add_action( 'wp_footer', 'meins_full_css', 1 );
- 49. Grunt • grunt-contrib-uglify • grunt-contrib-cssmin • grunt-penthouse • grunt-criticalcss • grunt-contrib-imagemin • grunt-imageoptim • grunt-perfbudget • grunt-uncss http://gruntjs.com/
- 51. SPDY / HTTP 2.0 Best Practices • Viele kleine Dateien • Eine Domain Worst Practices • JS kombinieren • CSS kombinieren • CSS-Sprites • Iconfonts http://caniuse.com/spdy