Today I Learned - Rocky Kev

TIL WordPress cache busting

POSTED ON:

TAGS: wordpress caching

If you import scripts in a php file, they'll be cached.

Example:

<script src="<?php echo get_template_directory_uri(); ?>/assets/js/forms/forms.js"></script>
<script src="<?php echo get_template_directory_uri();?>/assets/js/scripts/jquery.mask.min.js"></script>

If you ever modify forms.js, you'll need to add a versioning to it. Else it'll stay cached in the site.

<script src="<?php echo get_template_directory_uri(); ?>/assets/js/forms/forms.js?v=<?php echo uniqid();?>"></script>

the uniqid() function will generate a random number, which gets tacked onto the versioning.

A better alternative is enqueueing js files via functions.php, so you can control what goes in and what goes out. Why you should register scripts.

 wp_register_script('form', get_template_directory_uri() . '/assets/js/scripts/forms.js', array(), uniqid());

Related TILs

Tagged: wordpress

TIL Static Blocks vs Dynamic Blocks

A static block is a piece of content whose markup is known when the page is saved. The block saves its content and markup directly in the post content. A dynamic block is a piece of content whose markup and exact content are not known when the page is saved.

TIL how to convert a shortcode to a WP block

Traditionally, shortcodes were a way that plugin developers could provide users the ability to add specific plugin functionality anwhere on their site. But shortcodes are not very user friendly, nor was hunting down the relevant data you needed to render the correct data for the shortcode. Converting existing shortcodes to blocks provides a much greater user experience in all aspects.

TIL how WordPress does serverside

This isn't fully accurate, but for the means of describing server-side rendering, it's a good start!