Riised Performance – Dokumentation

Getting started

Installment of Riised Performance©

You can install Riised Performance© in two different ways: Automatic or Manual.

Download Riised Performance©

When you have bought Riised Performance©, it’s possible for you to download a zip file from our Riised account page.

Note: If you are using Safari as a browser, there is a chance it will automatically unzip the file.You should either re-zip it or follow the following instructions.

Disable the Automatic Un-Zip Function in Safari

If you use the Automatic installment option for Riised Performance©, ie. installing our plugin within the WordPress dashboard, you have to begin with the downloaded plugin zip-file. If you are using Safari, then it might automatically un-zip the file, which can cause confusion.

If this happens, go to Safari > Preferences and un-check the option “Open safe files after downloading”. After you have done this, you can download the file without it getting un-zipped and, thus, continue with the installation.

Automatic Installation

Automatic installation is the fastest way you can install Riised Performance©.

The way you can automatically install the Riised Performance© plugin is to go to the WordPress admin page of your website. After this you go to “Plugin” -> “Add new” and after that “Upload Plugin”.

Here you choose the downloaded zip file and then “Install Now”. WordPress will then ask you if you are sure that you want to install the plugin. Choose “Yes” and WordPress automatically installs the plugin.

After you’ve done this and activated the plugin, it’s ready to be used in the plugin settings panel.

Manual Installation

If you want to manually install the plugin, it can be done by uploading all the different files to your website’s server through FTP software.

First you un-zip the downloaded file. Then you upload the entire folder to “wp content/plugins” directory.

After this you simply activate the plugin inside your WordPress admin. When activated, you can use it through the settings panel.

Getting started with Riised Performance©

When you have Riised Performance© installed and activated, the first thing we recommend you do is to run an ON/OFF test with our Riised default settings. You should be able to see a drastic increase in your website’s speed already.

Just from the default settings of Riised Performance©, you will be able to see that the loading time of your site has been improved. If you have advanced knowledge of how website rendering works within a browser, then you can use the plugin to optimize further on the plugin setup based on recommendations from professional testing tools, which could be Google Developers PageSpeed Insights or Pingdom Tools. If the different tools give different results, then it is a good idea to stick to one tool, so that you are consistently testing your tool with the same method.

Recommended settings for Riised Performance©

We do not have one specific recommended configuration for Riised Performance© as hosting environments, plugins and themes can vary a lot from site to site. For that reason, different settings will work in different ways on different sites.

For example, there are settings like “File optimization” which can help a lot on some sites and not at all on others. In some cases, leaving specific settings completely off can be the best thing to do. But, there are also several different key features, which includes JS Minification, WebP support and CSS Minification and these are 100% automated. You just have to turn them on and then they will do all the work for you – making your site faster and you don’t have to do a thing.

Features that are automated

In Riised Performance©, the following features are completely automated:

  • Enabling WebP support
  • Control of image quality
  • Lazy Loading
  • Combining Google Fonts
  • Combing of 3rd party scripts and inline
  • CSS Minification
  • JS Minification

Settings Panel

Are you searching for a specific setting? Here’s an overview of where you can find specific settings in Riised:

General Tab

  • Excluded Pages
  • License Key
  • Image Quality Control
  • CDN URL
  • WebP Support
  • Lazy Loading

CSS Tab

  • Combine Google Fonts
  • CSS Minification
  • Secondary CSS Optimization
  • Other CSS Optimizations

Javascript Tab

  • Exclude Javascript tags
  • Javascript Minification
  • Lazy Load JavaScript
  • Exclude Javascript tags
  • Delay Javascript tags
  • Combine Javascript

Image Settings

  • Image Size Adjustment
  • Image Optimization

Updating Riised Performance©

You can update Riised Performance© in two different ways: manual and automatic. If your license is expired, it can be renewed on the account page.

Manual Update

There are two different ways to do the update manually.

Updating Riised Performance© via FTP

  1. Enter your account page and download the newest Riised version.
  2. Unzip the file, upload it to the “wp-content/plugins” directory.

Updating Riised Performance© via WP Admin

After downloading the Riised Performance© file, go into your WordPress Admin Dashboard and follow these two simple steps:

  1. Go to “Plugins”, deactivate and delete Riised Performance©.
  2. Then, Refresh the page -> Add new -> Upload. Here you upload the .zip file and activate the plugin.

Automatic Update

To automatically update your plugin, go to the plugin page in your WP Dashboard.

Below the Riised Performance© entry, you will find an update notification. Click – Update now.

If there is no update notification, wait a couple of hours and try again.

In the WordPress admin, go to Dashboard -> updates and click “Check again”. This will sometimes make the notification show up.

If none of these attempts are successful, your server might be blocking our update system, and you should, thus, use the manual update method.

Missing Update Notification

It can happen that the update notification for Riised Performance© does not show up at all in the WordPress admin. There is luckily a method you can use to force the Riised update notification to show up.

To do this, go to the Plugins page in Wordpess, and add the following to the URL:

?riised_force_update=1

It will, thus, look like this if you have a .com URL:

http://example.com/wp-admin/plugins.php?riised_force_update=1

When scrolling down you should now see an update next to Riised Performace©.

Can’t Install or Upload Riised Performance©

Is the following error message showing up when you are trying to upload Riised Performance© through the WordPress dashboard?

“The uploaded file exceeds the upload_max_filesize directive in php.ini.”

The meaning of this message is that your site has a limit on the file size you can upload to it. This might be a limitation set by your host. Our Riised zip file is slightly larger than 2MB which means that if you have a limit of 2MB you will see this error message.

Quick Fix

You can automatically resolve this by installing the plugin “Increase Max Upload Filesize”:

If this plugin does not automatically fix the problem, there are some other options:

  • Installing Riised Performance© through uploading it via FTP.
  • Increase the upload limit via your host.
  • If you have the skills to edit files, you can manually increase the upload limit by following the steps below.

Manual Fix

By using one of the directives below you can manually increase the defined limit. The method can be different from case to case, depending on what server setup and host you use. It is, thus, not necessary that you edit all these different files – just one of them that works for your website.

In the examples below, “10M” represents a file size limit of 10MB. The number can be set at whatever number you want to, but it always makes sense to not make it too high.

Before you start editing your files – make sure to take a backup of them!

.HTACCESS

php_value upload_max_filesize 10M

PHP.INI FILE

If the host you are using makes it possible for you to modify the websites configurations with custom php.ini files, you could use:

upload_max_filesize = 10M

WP-CONFIG.PHP

@ini_set(úpload_max_size`,`10M`);

FUNCTIONS.PHP

Are you using a child theme, the following instructions can be added to the functions file:

@ini_set(ùpload_max_size`,`10M`);

CHECK YOUR CURRENT UPLOAD LIMIT

When you have done one of these things and want to see if you successfully have increased the upload limit, you can check what the website’s current limit is.

Go to: Media -> Add New

Right beneath the upload area, there should be a text “Maximum upload file size:”

If the limit has not changed after trying these methods, then you need to contact your host.

What is it Riised Performance© does?

Riised Performance© is a WordPress performance and speed optimization plugin that has many different features:

  • CDN Integration
  • Delay JS
  • Optimize images
  • Google Fonts Optimization
  • Lazy Loading
  • Debug Site
  • WebP Support
  • Exclusions
  • Minify CSS
  • Avoid CSS @import
  • Minify JavaScript
  • Serve Scaled Images
  • Defer Parsing of JavaScript

Uninstalling Riised Performance©

You can uninstall Riised using two methods: through the plugin page in WordPress Admin or manually through File Manager.

Within WordPress Admin

In the WordPress Admin Dashboard you can uninstall Riised Performance© just like any other plugin. When you do this, Riised Performance© will automatically clean itself up and remove all files, folders and modifications.

Manually

You can also uninstall Riised Performance© manually in the plugins folder in /wp-content/plugins/, but you will also need to do the cleaning yourself. Here are the things you should remove or edit:

  • Delete the folders /wp-content/riised-config/ and /wp-content/cache/
  • Delete the /wp–content/advanced-cache.php file
  • In the .htaccess file you should remove everything between #BEGIN RIISED and #END RIISED
  • In the wp-config.php file you should set the (“WP_CACHE”, true) to false or completely remove it.
  • Other Riised_settings entries should be removed as well as the cronjob and transients in the WordPress options table in the database.

How do I find the best settings for my site?

You have now Riised Performance© activated on your site. But maybe you are wondering: How do I find the best settings to achieve the best results for my site?

All sites have different plugins, different themes and different content. For that reason the best settings are different from site to site. We will now go in depth with safe and good ways to experiment with the Riised Performance© settings on your website.

The end goal is of course to make your website faster. But it is important to remember that activating more options does not necessarily make your website faster. So you do not have to turn everything on to get the best results.

In order to see if your site is getting faster, you should use a tool to test load times on your site. You can do this with tools like Google Developers PageSpeed Insights or GTMetrix. They can test load times and give you a detailed report on your site.

The best way to approach it is to take some benchmark speed tests before you start configuration and then new tests once you are done doing optimizations.

Best configuration practices

When you test the different options in Riised, follow this process:

  • Activate one option at a time – instead of everything at once
  • After you activate one option, go check your site in a browser window where you are logged out of WordPress. This could e.g. be done with an incognito window. By following this method you can make sure to notice if any option causes an issue with your website.
  • Check different types of pages on the website. If something looks off, you don’t have to panic. Simply disable the latest option you activated and your website will be normal again.

How to get started with configuration

General > Image optimization

Lazy loading can be enabled for videos, I-frames and images. We always recommend activating our LazyLoad as it helps reduce the negative performance impact that images create. With LazyLoad the images only load as the visitor scrolls down the page and needs to see them.

If you want to, you can also enable automatic optimization when you upload them to WordPress, and exclude images from it.

CSS > CSS optimization

Riised can be used to minify your CSS files through CSS Minification. Within minification you can create a set of rules and it is even possible to exclude CSS files from the minification process if you want to. It is also possible to select when to load secondary CSS and if you want to delay it.

Javascript > JS optimization

You can activate JS Minifcation to instruct Riised Performance© to minimize your JavaScript files. It is as well possible to Defer Parsing og JavaScript and exclude JS from combining. It is also possible to specify when combined JavaScript should be loaded and the amount of time JS tags should be delayed by.

The General Settings

  1. License Key:

We auto-generate your unique license key when you successfully have completed your plugin order. Your secret code is in the “Order completed” e-mail that we sent you from Riised Performance© right after you have placed your order. All license key data is generated per product configuration and you have to insert the license key in order to be able to validate your plugin access.

  1. Turn on Optimization

Among many other tasks, Riised primarily does 4 things on your site – enabling JS & CSS Minification, Generating Critical CSS, as well as converting all images to WebP without the risk of reducing image quality. To enable all these, just turn on the field. By changing their respective settings you can however individually adjust all of them.

  1. CDN URL

Simply enter the CDN URL that was bought for your website.

  1. File Extensions exclusion from CDN

When you implement the CDN, Riised Performance© has a section where you can exclude specific extensions to make sure that the work of the plugin is not hampered. An example could be excluding “Font extensions”.

  1. Minify HTML

Riised Performance© also minifies HTML by reducing HTML file sizes. Reducing the file sizes reduces loading time, and thus, increases the speed of your website.

  1. Activate leverage browsing cache

The Riised plugin also creates a smart functional way to activate leverage browser cache on your site. The plugin comes with an in-built response to the leverage cache, which automatically is implemented on your site.

  1. Activate GZIP compression

Our plugin comes with a smart way to automatically activate Gzip compression on your website, which automatically is implemented on your website. It only works on an apache server.

  1. Removing query parameters

The plugin also automatically implements automatic functionality to remove query parameters from CSS & JS on your website.

  1. Activate lazy load

Riised Performance© lazyload three specific things that delay your website’s loading time. The plugin will lazyload loading of videos, iframe and images on your website.

  1. Starting lazy load images, videos & iframes pixels under the screen

The Riised plugin maintains a standard of 200 px quality. This keeps the quality of all your images unscrewed and intact. Images will be lazyloaded if in the visitors viewpoint and otherwise not. Other images that aren’t in the viewpoint will be lazyloaded as soon as the image enters the visitors viewpoint. 

  1. Activate WEBP support

The Riised plugin converts your image formats (png and jpg) into the WebP format.

  1. WEBP image quality

The Riised Plugin maintains a standard of minimum 90% quality which keeps your image quality unscrewed and intact. This standard can however be modified by you according to what suits you best.

  1. Optimizing PNG/JPG images

The Riised plugin optimizes all images (png & jpg)

  1. Optimizing images through WP-CRON

This function makes it possible to have images optimized via wp-cron. The plugin only optimize one attachment per minute to ensure your  server performance won’t be impacted. If you want your images to be optimized faster then click start optimization, which can be found in “image optimization” and keep it open.

  1. PNG & JPG image quality

The Riised Plugin maintains a standard of minimum 90% quality which keeps your image quality unscrewed and intact. This standard can however be modified by you according to what suits you best.

  1. Optimizing images on the go

Our Riised plugin is advanced and will automatically capture unconverted and unoptimized images whenever you open pages on your site. It will then optimize the images in the background. This ensures that the images that are used on the site become optimized first. It is however recommended that you turn this off after a few days.

  1. Automatic optimizing of images on upload

Whenever you upload new images or other media to your website, the Riised plugin will automatically convert and optimize these images into the WebP format. For this the individual setting to optimize images and convert them to WebP should be activated.

  1. Responsive images in the background

Riised Performance© creates responsive background images. This adjusts the background image of your website depending on the size of the screen that the visitors use. This could e.g. be mobile, tablet or desktop.

  1. Preload resources

If you want to preload resources on your website like CSS, images, JS and fonts it is very simple. You just have to out your complete resource URL in the plugin “Preload Resources Section” and it will preload. 

  1. Excluding images from lazy loading

If there are images in your website that you do not want to lazy load, you just have to exclude those images. You do this by putting the image URL, classname, Id, alt attribute etc. (eg: cyz.png, nolazy).

  1. Excluding pages from optimization

If there are pages you do not want to optimize, you simply have to exclude those specific pages by putting the page URL in here.

  1. Cache path

The cache that Riised Performance© plugin generates is automatically generated in the cache folder of WP Content Folder and should you want to change the path, you can change it by adding the full path in this section.

CSS Optimization

  1. Activate CSS Minification

The Riised plugin can do CSS minification. All you do is to enable Css minification in this box.

  1. Load Critical CSS

The Riised plugin can generate critical CSS and load in the .css file.

  1. Load critical CSS in style tag

The Riised plugin also loads critical CSS in style tag instead of in the css file.

  1. Excluding link tag CSS from minification

With the Riised plugin it is possible to exclude CSS files for the pages of your website where you don’t want to lazyload and minify. This can be done by adding the CSS URL in this section.

  1. Force lazy load link tag CSS

For files that are consuming excessive data, you can through the Riised plugin force lazyload these files.

  1. Combine google Fonts

Riised Performance© automatically load and combine your Google fonts there are uploaded to your website.

  1. Delay Google Fonts

By lazy loading fonts you can enter how many seconds you wish to delay your Google font load.

  1. Load style tag in head to avoid CLS

This function makes it possible for style tags to be loaded in the head. This fixes CLS, or Cumulative Layout Shift, on your page. All you have to do is to enter matching text of style tags in the plugin box and save your changes. All style tags should be entered in a new line.

  1. Exclude page from load combined CSS

If you don’t want to implement css optimization on some pages, all you have to do is to enter the URL of the part you don’t want to do css optimization. You just enter the url or part of the URL where you don’t want the optimization. The URL should be added in a separate line.

  1. Custom CSS to load with preload CSS

This is for if you want to preload any type of CSS . You can add that to this section without using a style tag.

JavaScript Optimization

  1. Activate JS minification

The Riised plugin offers JS Minification. Activate this to begin javascript minification.

  1. Excluding JavaScript tags from combining

The Riised plugin also allows you to very easily exclude JS files from pages where you do not want lazy load as well as JS Minify by putting the JS url in this section.

  1. Preload customized Javascript.

If you want to preload a script, add to this section excluding the script tag.

  1. Excluding inline JavaScript from combine

Insert a part of the script url or the script in order to exclude it from being optimized. Should you want to defer attributes then add defer after a space. Example: “jquery.min.js defer”. Should you want to not minify it, then add full after a space. Example: “jquery.min.js full”. You can only add one word after that space.

  1. Force lazy load JavaScript

In order to force lazy load JavaScript that can take a long time to load, put the specific word from inline script tag, script url or a part of the url to Force Lazy Load Javascript.

  1. Load combined JavaScript

Used to load the combined and minified JS on the page load or after the pages has loaded. To use after page load for a better score on Google page speed insights of the necessary tools. But never use the “after page load” without being careful.

  1. Excluding pages from JavaScript optimization.

The Riised plugin can also easily be used to exclude pages from JS minification that you don’t want to be lazyloaded as well as JSS minify by inserting a page script URL.

Remember to enter any script tags JS that are added in the section leaving out the script URL’s. 

  1. Customized Javascriptor 

If you want to have any JS script tag, that is added to this section without script tag and automatically loaded after page loads or user interaction.

Cache

  1. Deleting JS/CSS Cache

This plugin makes it possible for you to delete CSS and JavaScript combined and minified cache files.

  1. Deleting Critical CSS cache

This plugin makes it possible for you to Delete critical CSS cache. Be sure that you delete the cache only when changes are made to the style which is used in the folder above.

Image Optimization

By clicking on the start optimization button that can be found here, you will begin image optimization. Through wp-cron your images will continue to get optimized in the background as long as the “optimize images” via wp-cron is activated under general settings.

Plugin Hooks

Change the value of main plugin variable

Riised_customize_add_settings

Trying to change something in variables and path? Riised makes it possible for you to create changes in path and variables using this plugin function. You can add the function in the plugin or in functions.php.

function Riised_customize_add_settings(){

   //Write your code here

}

Disable WebP to get rendered via HTACESS

Riised_disable_htaccess_wepb

Riised converts and optimizes jpg/png formats into the WebP format without changing the URL. Should you want to change the URL you can do it with this function in the plugin. Add the following code to functions.php.

function Riised_disable_htaccess_wepb(){

   return true;

}

Change HTML of a page before you start optimization

Riised_before_start_optimization

Before you begin doing the actual optimization, Riised makes it possible for you to make changes to the HTML of your website. To do this, add the following code in functions.php.

function Riised_before_start_optimization($html){

   // write your code here.

   return $html

}

Change HTML of a page after you have finished optimization

Riised_after_optimization

Riised Performance© makes it possible for you to add changes in the HTML of your website after you have optimized it. To do this, add the following code in functions.php.

function Riised_after_optimization($html){

   //write your code here.

   return $html

}

Exclude specific pages from generating critical CSS

Riised_no_critical_css

Riised Performance© makes it possible for you to exclude specific pages from Critical CSS, which could be search pages. To do this, add the following code in functions.php.

function Riised_no_critical_css($url){

   //custom code here

   //return true or false;

}

Exclude specific pages from getting optimized dynamically

Riised_exclude_page_optimization

If you want to exclude pages from being optimized, like login or cart pages, Riised allows you to exclude these pages from optimization. To do this, add this code in functions.php.

function Riised_exclude_page_optimization($url){

   if(!empty($_REQUEST[‘//Path//’])){

      return true;

   }

   return false;

}

Exclude images from generating SRCSET

Riised_disable_srcset

Riised Performance© makes it possible for you to exclude generating srcset for images. If any image tag doesn’t have a srcset, Riised Performance© adds a srcset to load small images in mobile by default. To exclude this, add this code to functions.php.

function Riised_disable_srcset{

   return true;

}

Exclude images from lazyload dynamically

Riised_image_exclude_lazyload

If there are images you don’t want to lazyload, Riised Performance ©makes it possible for you to exclude these images from optimization dynamically. To do this, add this code in functions.php.

function Riised_image_exclude_lazyload($path){

   if(!empty($_REQUEST[‘//Path//’])){

      return true;

   }

   return false;

}

Post types to generate critical separately

Riised_create_separate_critical_css_of_post_type

Should you want to generate separate critical CSS for a post, Riised Performance© makes it possible for you to do this. To do it, add this code to functions.php.

function Riised_create_separate_critical_css_of_post_type(){

    return array(‘page’,’post’,’custom-post’);

}

Categories to generate critical CSS separately

Riised_create_separate_critical_css_of_category

Should you want to generate separate critical CSS for categories, Riised Performance© makes it possible for you to do so. To do this, add this code to functions.php.

function Riised_create_separate_critical_css_of_category(){

   return array(‘category’,’tag’,’custom-category’);

}

Exclude JavaScript files from Riised Performance© to create any changes

Riised_exclude_internal_js_w3_changes

Riised Performance© will by default make changes in JavaScript files to optimize but if you want to exclude JavaScript files from changes, Riised Performance© makes it possible for you to exclude Javascript files from being changed. To do so, add this code to functions.php.

function Riised_exclude_internal_js_w3_changes($path,$html){

   if(strpos($path,’//js path//’) !== false){

      return true;

   }

   return false;

}

Create changes in a JavaScript file

Riised_internal_js_customize

If you want to change something in a JavaScript file, Riised Performance© makes it possible for you to do so. To do so, add the following code in functions.php.

function Riised_internal_js_customize($html,$path){

   if(strpos($path,’//js path//’) !== false){

      //custom code here

   }

   return $html;

}

Exclude JavaScript from only Minify

Riised_internal_js_minify

Do you want to exclude a JavaScript file from minify? Riised Performance© makes it possible for you to do so. To exclude a JavaScript file from minify, add this code in functions.php.

function Riised_internal_js_minify($path,$html){

   if(strpos($path,’//js path//’) !== false){

      return false;

   }

   return true;

}

Customize Script Object while combine and minify

Riised_customize_script_object

Riised Performance© makes it possible for you to customize script object while combine and minify. To do this, add this code to functions.php.

Excluding specific JavaScript files from dynamic optimization

Riised_exclude_javascript_filter

Want to dynamically exclude inline scripts or Javascript files from optimization? Riised Performance© makes it possible for you to do so. In order to do this, add this code to functions.php.

function Riised_exclude_javascript_filter($exclude_js,$script_obj,$script,$html){

   //custom code here

   return true or false;

}

Create changes in external JavaScript URLS

Riised_external_javascript_customize

If you want to add changes in external Javascript tags, Riised Performance© makes it possible for you to do. To do this, add this code to functions.php.

function Riised_external_javascript_customize($script_obj, $script){

   if(strpos($script,’//text//’) !== false){

      //custom code here

   }

   return $script_obj;

}

Create changes in inline JavaScript Script Tags

Riised_inner_js_customize

Should you want to add changes to your inline JavaScript, Riised Performance© makes this possible for you. To do so, add this code to functions.php.

function Riised_inner_js_customize($html){

   if(strpos($html,’//unique word from script//’) !== false){

      $html = str_replace(”,”,$html);

   }

   return $html;

}

Create changes in a stylesheet file

Riised_internal_css_customize

Should you want to add changes to your CSS file, Riised Performance© makes it possible for you to do so. To do it, add this code to functions.php.

function Riised_internal_css_customize($html,$path){

   if(strpos($path,’ //cssPath // ‘) !== false){

      //custom code here

   }

   return $html;

}

Exclude a stylesheet file from only minify

Riised_internal_css_minify

If there are stylesheets you don’t want to minify, Riised Performance© makes it possible for you to exclude stylesheets from minify. To do so, add this code to functions.php.

function Riised_internal_css_minify($path,$css){

   if(strpos($path,’//cssPath//’) !== false){

      return false;

   }

   return true;

}

Force Defer or Stylesheet file dynamically

Riised_customize_force_lazyload_css

Want to Force Lazyload CSS files dynamically for specific pages or one specific page? Riised Performance© makes it possible for you to do so. To do it, add this code to functions.php.

function Riised_customize_force_lazyload_css($css_arr){

   //custom code here

   return $css_arr;

}

Customize Critical CSS filename

Riised_customize_critical_css_filename

If you want to add changes to a Critical CSS filename, Riised Performance© makes it possible for you to do so. To do it, add this code to functions.php.

function Riised_customize_critical_css_filename($critical_css_filename){

   //write code here//

   return $critical_css_filename;

}

Create changes in generated critical CSS

Riised_customize_critical_css

If you want to add any changes to Critical CSS, Riised Performance© makes it possible for you to do so. To do it, add this code to functions.php.

function Riised_customize_critical_css($critical_css){

   //custom code here

   return $critical_css;

}

Du kan se priserne på vores plugin her.