Nida Speed

Dashboard

On the main dashboard of Nida Speed, you will be presented with three buttons. These buttons are one-click-optimization buttons so you as a user can easily optimize your site with only one click. There are three options for three different optimization levels that you will be able to choose from including:

  • Safe optimization, with least optimizations enabled
  • Optimal optimization, with close to half of the optimizations enabled
  • Extreme optimization, with all optimization enabled that we offer

Cache

From this section, all cache settings will can be controlled such as object cache and page cache. You will be able to get to this section from your admin page's top bar under the Cache menu, and also under the left submenu "Cache". The settings in area will greatly impact the load speed of your website. Options in section include toggle of page, object, rest api, async cache and many more such as toggle:

  • font browser cache state
  • javascript browser cache state
  • HTML browser cache state
  • stylesheet browser cache state
  • image browser cache state
  • video browser cache state

You will be also able to specify the amount important rows for the async loader to load in.

Under the Advanced tab you will be able to:

  • choose cache client
  • enter cache expiration time(in milliseconds)
  • exclude urls
  • toggle cache for blog archive, blog posts, shop archive, shop products for page cache, object cache, and rest api cache.

Under the Info tab you will be able to see some basic information regarding the number of cached pages/objects/endpoints and minified assets.

Note:

It may take a bit longer to load your website when you first visit it after setting up cache settings. You may also use the Warm cache functionality available on the top admin bar under Cache menu, to eliminate this issue and will warm up(visit) all of your pages, so they get cached before you visit them.

Css/Javascript

You will be able to configure whether or not to minify/combine your assets from this section. It is also possible to enable page specific CSS/Javascript, and build page CSS in the advanced tab. Building page css will take a bit of time, and you will redirected to a job list page, where you will be able to see all your page specific css files and their current progress. In the Advanced tab you will also find a field where you can add your custom CSS code if there is any missing after page specific styles have been built. In the Info tab you will be presented with some info cards showing the number of combined/minified Javascript/CSS and page specific styles.

Image optimisation

Here you will be present with some general settings that you can enable/disable such as:

  • Optimize images on upload
  • Lazyload images
  • Lazyloading important assets
  • Resize images on upload

There is also a button to optimize all of your images to a more optimal, webp format for the web. Resizing options and quality settings of images are available in the Advanced tab. In the Info tab, you will be able to see the counter of:

  • allyour images
  • optimized images
  • images images in webp format
  • images images in SVG format

DOM optimization

You will be able to configure a variety of different DOM optimisation settings such as lazy-loading, removing WP short-link tags, emojis, WLW manifest, WP generator tag, feeds, RSD(Really Simple Discovery) links, and WP head tag relationships.

Connectivity

In this section you will be able to enable CDN(Content Delivery Network) and configure it as well.

Note:

You will have to have a Cloudflare account, create an API key, and provide enter the information of your own Account ID, Zone ID, and Api key to use this feature. Follow the instructions here

Compression

In this area you will be able to enable compression of your assets to lower overall site size. We use Gzip for compression.

Preconnect/Preload

In this section you will find 2 input fields where you will be able to specify which resources you wish to establish early connection with from third party origins. The system will then preconnect/preload the specified resources depending on which input you specified it in.


Jobs

This area presents the different jobs that have been running on the Service Center from your account. It gives an overview of your current jobs and how far they are in the process.

Image optimisation jobs

This page gives an overview of your current image optimisation jobs and how far they are in the process of optimisation.

Page specific jobs

Shows jobs related to the process of creating page specific css, and how far they are in the process of optimisation.