How to improve the PageSpeed score of your Nuxt.js website in 6 steps

Developer Tools Design Tools CMS

Tailwind CSS Landing Page
1

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces.
Pricing:
- Open Source
We use Tailwind CSS in our entire codebase. Libraries like Tailwind have a considerable performance benefit since you don't need to write new CSS rules. You can leverage the use of already available classes, and your stylesheets don't grow much over time.

#Developer Tools #Design Tools #Website Design 863 social mentions
Purgecss Landing Page
2

Purgecss

Easily remove unused CSS
Pricing:
- Open Source
Purge CSS is another great option to keep your stylesheet size low and increase the PageSpeed score. It's especially useful if you're importing some 3rd party stylesheets and would like to use only what's required. The configuration usually takes a bit of tinkering to get right, but it's definitely worth the effort.

#Developer Tools #Development #Design Tools 33 social mentions
Nuxt.js Landing Page

3

Nuxt.js

Nuxt.js presets all the configuration needed to make your development of a Vue.js application enjoyable. It's a perfect static site generator.

As the title suggests, we use the Nuxt.js framework for the whole public-facing website.

#Static Site Generators #Developer Tools #Javascript UI Libraries 149 social mentions
Ghost Landing Page
4

Ghost

Ghost is a fully open source, adaptable platform for building and running a modern online publication. We power blogs, magazines and journalists from Zappos to Sky News.
Pricing:
- Open Source
- Paid
- Free Trial
- $36.0 / Monthly (100k views/month, 2 users)
- Official Pricing
The site content is then fetched from various sources, including the Directus platform and a Ghost blog.

#Blogging #CMS #Blogging Platform 173 social mentions
Bootstrap Landing Page
5

Bootstrap

Simple and flexible HTML, CSS, and JS for popular UI components and interactions
Pricing:
- Open Source
Tailwind keeps your output CSS lean by generating only those utilities you actually use. It isn't bloating your stylesheets with all available utils like, i.e., Bootstrap does.

#CSS Framework #Development Tools #Design Tools 324 social mentions
Directus Landing Page
6

Directus

Free and Open-Source Headless CMS
Pricing:
- Open Source
- Official Pricing
We like to store all images on our website externally for easier management as close as possible to the actual content. We use Directus CMS, which includes its own asset management with integrated image optimizations, but any other CMS should work similarly.

#CMS #Blogging #Blogging Platform 117 social mentions
CloudFlare Landing Page
7

CloudFlare

Cloudflare is a global network designed to make everything you connect to the Internet secure, private, fast, and reliable.
Pricing:
- Official Pricing
The whole site is deployed in the static mode, meaning all pages are pre-generated and served as static HTML files, so no server runtime is required. Everything is then loaded on multiple replicas, cached, and distributed through a Cloudflare CDN, which makes the site incredibly lightweight and resilient, as it requires negligible computing resources.

#CDN #Cloud Computing #Content Distribution 94 social mentions