Front Runner Front End Web Development Blog

Performance

Front Runner discuss different topics and approaches to front end performance development…

Critical Rendering Path Example Explained

A clear critical rendering path example for front-end developers, with step-by-step browser behaviour and practical ways to improve page load speed.


Read more →

How to Defer JavaScript Properly

Learn how to defer JavaScript properly to improve page speed, avoid render blocking, and load scripts in the right order without breaking UX.


Read more →

How to Write Reusable Components Well

Learn how to write reusable components with clear APIs, sensible defaults, and flexible patterns that keep front-end code easier to maintain.


Read more →

How to Reduce JavaScript Bundle Size

Learn how to reduce JavaScript bundle size with practical fixes for imports, code splitting, dependencies, and build settings that matter.


Read more →

Frontend Performance Without the Guesswork

Frontend performance affects speed, UX and rankings. Learn what actually slows sites down and how to fix it without wasting dev time.


Read more →

JavaScript Event Loop Explained Simply

JavaScript event loop explained simply for front-end developers. Learn call stack, Web APIs, microtasks, macrotasks, and rendering timing.


Read more →

8 Best Tools for Lighthouse Testing

Compare the best tools for Lighthouse testing, from Chrome DevTools to CI options, and pick the right setup for faster, healthier sites.


Read more →

What is DRY in Software Development?

DRY is a fundamental principal in web development, read on to discover how your software development and projects can benefit!


Read more →