web-performance posts

web performance posts

Vue 3 UX Wins with Async Components & Suspense

July 13th, 2020

Lazy-loading components is a great way to improve the user experience of your app. In this article, I'll show you how Vue 3 helps you to do this with new APIs....

vue.js components web performance

How To Not Screw Up UX In A Single-Page Application

December 18th, 2017

The SPA architecture is designed to improve user experience in web applications. If poorly implemented, though, it can cause more problems than it fixes. In this article, we'l...

design patterns web performance ux

Build A Lazy-Load Router With Vue.js And The Latest Browser Features

October 30th, 2017

Dynamic module importing is one of the latest JavaScript features to hit the major browsers. In this article I'll demonstrate how you can build a lazy-load router with Vue.js ...

vue.js components vue-router javascript chrome web performance

Critical CSS and Webpack: Automatically Minimize Render-Blocking CSS

July 24th, 2017

If we only load the CSS that's useful for the initial page render, our users will see the page quicker. Isolating critical CSS and loading non-critical CSS in idle time is som...

webpack css web performance

3 Code Splitting Patterns For VueJS and Webpack

July 8th, 2017

Code splitting an app is a great way to improve its initial loading speed and can easily be achieved with Webpack. But where and when do you split your code? In this article I...

vue.js webpack web performance vue-router

Code Splitting With Vue.js And Webpack

July 3rd, 2017

The longer it takes for your app to load, the more frustrating it's for the user, especially on mobile. In this article I'll show you how to 'code split' a Vue.js app with Web...

vue.js webpack web performance vue-router

Courses

Vue Foundations
Vue Fullstack
Vue Enterprise

Articles

Latest
Topics

Join
Sponsorship

Discord
Vue.js jobs
About

RSS
|
Atom