Your Cart

Lifetime update

100% Secure Checkout

Typek: Performance – Documentation

Introduction

We built a very simple website to show how to use our plugin. Below you can see the screenshots from the site we built for this documentation.

Installation

To install this plugin You must go to the WordPress panel and click on the Plugins => Add New.

Activate

To activate this plugin, you need to go to Settings => WPTypek Performance API Key Activation and paste your API Key and Product ID. After pasting, click Save Changes. After saving, you can see a message about successful activation.

Deactivation

If you want to move your license to another website click on the API Deactivation, make sure checkbox is marked and click Save Changes.

Optimization

CSS

Enable optimized css delivery – This options create critical css. *required if you want use remove unused css option

Remove unused CSS – If You turn on this function plugin will automatickly remove unused CSS from your website code. Typek Generate CSS on entry – If you do not yet have a optimized CSS code for your site, the code will be automatically generated for the first person who access the site.

*Please note this setting will remove all the CSS for dynamic content on your site, that is, content generated or styled using javascript. Use the Exeptions setting to add the CSS declarations that targets dynamic content so the plugin will not remove these CSS. The following procedure will describe how to identify these CSS. If the plugin removes too much css code, use the embedded system to exclude css classes from cleaning. You need to know the basics of CSS, how to find the styles to be added to the white list.

Using the browser’s HTML inspector tool, you can examine the broken element to see what CSS declarations are being applied. In most browser, you can right-click on the element and select Inspect.

Disable the setting and load the same page in an adjacent tab to have the elements rendered properly. Inspect the element in the HTML web inspector in the same manner as before. Compare the CSS that is being applied now with the previous tab to identify the ones that are being used that were removed by the plugin.

Add these CSS declarations to dynamic selectors, classes to exeptions settings and the plugin will not remove any CSS that contains these substring.

Dynamic Selectors – Add CSS classes that are added to elements dynamically.

Exclude individual internal STYLE declarations – Here you can choose what in-page style you want exclude from optimizations.

Exclude all STYLE declarations – This function will exclude all CSS files from cleaning.

Include files from all plugins – By default all files from third-party plugins are excluded from optimalizations. If you want include third-party files you need to turn this on.

Plugin manager

Plugin manager is a place where you can exclude some plugin from loading on some pages. For example you have a WordPress Plugin, which allow you to have helpdesk on your website, but you don’t want to have this script on all pages. If you want to have helpdesk only on the page, which have a name: “HelpDesk” you can disable this plugin on all pages excerpt: “HelpDesk” page.

If you want to deactivate some plugin from your page, you need to click on the button Yes in script you want to deactivate.

Here you can choose what pages or what posts do you want to exclude, so this script won’t be load on this pages/posts.

Exclude pages – Here you can choose on what pages this script will be deactivated.

Exclude posts – Here you can choose on what posts this plugin will be deactivated.

Exclude URLS –  Here you can choose on what special URLS this script will be deactivated. For example if you have LMS plugin, which generate special URLS for every lesson. You can paste a link to this lesson here and this script, which you choose, won’t be load on this lesson page.

Reverse exclude logic – This option allow you to change exclude on pages to allow on pages. If you turn this on and add some pages in Exclude pages this script will be load only in this pages you choose in: “Exclude pages”.

JS

  • Combine JS – This function is responsible for connect all JavaScript files.
  • Use try-catch – This function try to find an error from optimize JS code.
  • Minify Combined JavaScript File – This function shrinks JS.
  • Load combined JavaScript asynchronously – This function will say to web browser, that JS code must be load asynchronously.
  • Include inline scripts – Here you can choose do you want to have in-page JavaScript inside other scripts.
  • Position JavaScript file at bottom – Here you can choose do you want to have JavaScript code at the bottom of the file.
  • Javascript files exclude from move to bottom – Here you can exclude some files from the function “move to bottom”. You can write here names of files that you don’t want to move at the bottom of the file.
  • Inline scripts exclude from move to bottom – If you don’t want to move some in-line scripts to the bottom of the file. You can write their names here and their scripts will be exclude for move to the bottom.

HTML

Minify HTML – This function minify your html. Your html will be lighter.

HTML Minification Level – Here you can set the level of minify HTML code. With higher level you will probably have lighter code.

Order plugin – This plugin can order a plugin in list, so first plugin on list will be launched first. This can help with compatibility with other plugins in your website.

Enable reduce DOM – this function load css when user scroll

Gzip Combined Files – You can Gzip combined files, so you will send less MB or GB to your client.

Enable http2 push – Here you can enable http2 push, so some files will be send by http2 not on http3. This can speed up your website.

File types for http2 – Here you can select what kind of files you want to send via http2.

Exclude deferred files for http2 – This will exclude JavaScript files that are deferred or loaded asynchronously, deferred CSS file in Optimize CSS Delivery feature and images that are lazy-loaded.

Enable files combine – This will combine files. In Combine files delivery you can set what kind of files will be combine.

Combine files delivery – Here you can set what kind of files will be combine. For example Static CSS and JavaScript files.

Database

Optimize database tables – This function will optimize all database tables. (Plugin and themes tables too)

Clean all post revisions – This function will clear all version of posts. Only public version will stay.

Clean all auto-draft posts – This function will clear all auto-draft posts from your WordPress database.

Clean all trashed posts – This function will delete all posts, which are in the WordPress bin.

Remove spam and trashed comments – This function will delete all comments marked at spam and comments, which are in the bin.

Remove unapproved comments – This function will delete all unapproved comments from your website.

Remove expired transient options – This function will remove all expired transient options from your WordPress database.

Remove all transient options – This function will remove all transient option from your WordPress database.

Remove pingbacks – This function will remove pingbacks from your website and WordPress database.

Remove trackbacks – If you don’t want to have trackbacks on your website, you can run this option and it will remove this from your WordPress database.

Clean post meta data – This function will delete all meta data from your WordPress posts in your website.

Clean comment meta data – This function will delete all comments meta data from you WordPress database and website.

Clean orphaned relationship data – This function will delete all orphaned relationship data from your website.

Cache

Enable cache – This function will enable cache on your website.

Cache lifetime – Here you can chose what time for example every 30 minutes your cache will be removed and regenerate. You can choose cache lifetime to:

  • Assets + page
  • Page only

Exclude URLs from cache – Here you can add links/page/posts that you don’t want to be cached.

Cache utility Settings – Here you can manually clean Cache.

Image

Enable lazyload – Here you can enable lazy load for images, so your clients probably will see website faster, because website will download faster. All images aren’t download at one time. When your client scroll down the page, images will download automatically.

Lazy load iframes – If you have for example a YouTube video it work probably with iframe, so it’s connect to YouTube every time somebody come to your website. With this function you can disable this. For example YouTube video will be loaded in iFrame only when your clients on your website scroll down the website. This will probably faster your website.

Exclude these images from lazy load – Here you can select some images you don’t want to have in lazy load mode in your WordPress website.

Exclude these folders – Here you can exclude some folders with images from lazy load in your website.

Exclude these classes – Here you can exclude images, which have these classes declared.

Enable effects – Here you can choose do you want to have enable fade-in animation to images, which are in the lazy load.

Settings

Automatic Settings – If you don’t want to manually set for example CSS settings you can choose from 6 pre-configurate package.

Utility Settings – Here you can Optimize .htaccess or fix file permissions.

Disable logged in Users – If you enable this function all settings from this plugin will be disable for all Users, who are logged in.

Disable admin Users – If you enable this function all settings from this plugin will be disable for all Admins, who are logged in.

Debug plugin – Enable this only when you are building your page. This function will say what problems do you have on this page. For example if you go to the page my account and there will be a problem. This will probably show information about this problem above this problem.