Como funciona a performance no carregamento de scripts e styles

0
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:

How to Move JavaScripts to the Bottom or Footer in WordPress

Vilões da performance de sites em WordPress

Performance no WordPress 4.5