Como funciona a performance no carregamento de scripts e styles

Performance no carregamento de scripts e styles no WordPress 4.5, novas funções e novos cabeçalhos.

Performance no WordPress 4.5

A perfomance do WP vinha sendo comprometida com arquivos relativamente grandes 235KB, wp-admin.min.css e wp-admin-rtl.min.css, que são criados da raiz e anexados ao projeto.

Arquivos de CSS individuais ao ínves de um grande wp-admin.min.css

Com o WordPress 4.5 paramos de gerar estes arquivos e agora usamos o load-styles.php para os carregar. Agora teremos somente 4 arquivos dashboard.css que tem cerca de 72KB.

Performance com cabeçalhos HTTP ETag para load-scripts.php e load-styles.php

Tanto scripts e styles estão enviando o cabeçalho ETag que inclue o valor da versão do wordpress “$wp_version”. Isto aumenta a performance pois o browsers não refazem o download de scripts e styles quando enviam o cabeçalho HTTP_IF_NONE_MATCH e não há mudanças de versão.

Nova função: wp_add_inline_script

Por um bom tempo usamos o wp_add_inline_style() para adicionar CSS extras em uma devida folha de estilos, agora existe uma função semelhante que faz o mesmo só que para JavaScript. wp_add_inline_script() pode ser usado para adicionar scripts  antes ou depois  de registrar um script usando o terceiro argumento opcional $position.

More about performance:

http://www.wpbeginner.com/wp-tutorials/how-to-move-javascripts-to-the-bottom-or-footer-in-wordpress/

Vilões da performance de sites em WordPress

Performance no WordPress 4.5