{"id":1505,"date":"2020-05-18T09:05:19","date_gmt":"2020-05-18T09:05:19","guid":{"rendered":"https:\/\/webnus.net\/kata\/documentation\/?p=1505"},"modified":"2020-12-22T20:40:22","modified_gmt":"2020-12-22T20:40:22","slug":"kata-speed","status":"publish","type":"post","link":"https:\/\/webnus.net\/kata\/documentation\/kata-speed\/","title":{"rendered":"Kata Speed"},"content":{"rendered":"\r\n

Improving speed and optimizing the website has always been the main concern for WordPress users. Normally, 80% of users can reach favorable results using optimization plugins. But what about that 20%? It is always a technical problem in the theme or plugin that reduces loading speeds. Not only this makes your website load slower, but it also uses more resources from the host every time the website loads.<\/p>\r\n\r\n\r\n\r\n

In Kata, all the codes are optimized to solve the issue for that 20% of users.<\/p>\r\n\r\n\r\n\r\n

To increase page speed, there are several things that need to be considered.<\/p>\r\n\r\n\r\n\r\n

1. Optimizing images used on the website<\/p>\r\n\r\n\r\n\r\n

2. Using lazyload for images and iframes on the website<\/p>\r\n\r\n\r\n\r\n

3. Minify & merge for CSS files<\/p>\r\n\r\n\r\n\r\n

4. Minify & merge for Javascript files<\/p>\r\n\r\n\r\n\r\n

5. Minify for the generated HTML<\/p>\r\n\r\n\r\n\r\n

6. Remove Query Strings<\/p>\r\n\r\n\r\n\r\n

7. Gzip compression<\/p>\r\n\r\n\r\n\r\n

8. Plugin management to prevent plugin codes from loading on unrelated pages<\/p>\r\n\r\n\r\n\r\n

9. Viewing static content instead of dynamic content<\/p>\r\n\r\n\r\n\r\n

10. Using Cloudflare or another CDN to shorten the path to your website server for users<\/p>\r\n\r\n\r\n\r\n

Everything that has to do with speed is possible with powerful plugins such as W3 Total Cache, WP Rocket, Autoptimize, LiteSpeed Cache, WP Fastest Cache, and Swift Performance. Depending on the policies of the author, some of these options are placed in non-free versions.<\/p>\r\n\r\n\r\n\r\n

But we suggest Swift Performance to Kate users. This plugin has been recently added to the optimization plugins of WordPress repository. In a short while, Swift Performance has been able to do magic for its users. We recommend this plugin because:<\/p>\r\n\r\n\r\n\r\n

1. \u00a0 \u00a0 It shows static content instead of dynamic content to your users. In simpler terms, it creates an HTML-i of your website and displays that to the user when needed.<\/p>\r\n\r\n\r\n\r\n

2. \u00a0 \u00a0 Using its onboard Plugin Organizer tool, you can limit where plugins load.<\/p>\r\n\r\n\r\n\r\n

We have used Swift Performance Pro to improve the speed of our demos. We have also prepared a file to upload pretested settings for Kata users. Please note that the import file below is for the pro version of the Swift Performance plugin.<\/p>\r\n\r\n\r\n\r\n

Downloading settings file for Swift Performance Pro\u00a0<\/a><\/span><\/strong><\/p>\r\n\r\n\r\n\r\n

\"\"<\/a><\/figure>\r\n\r\n\r\n\r\n

Users that wish to use the free version of this plugin can download the settings file below and use Swift Performance importer to import the settings.<\/p>\r\n\r\n\r\n\r\n

Downloading settings file for Swift Performance Lite<\/a><\/span><\/strong><\/p>\r\n\r\n\r\n\r\n

NOTE<\/strong>:<\/strong> Unzip the downloaded file and upload the JSON file to Swift Performance importer.<\/p>\r\n\r\n\r\n\r\n

After completing the steps above, you can test your website speed using two-speed test motors and compare the results. The results won\u2019t match because they use different algorithms.<\/p>\r\n\r\n\r\n\r\n

Optimizing images<\/strong><\/p>\r\n\r\n\r\n\r\n

After testing, you might get results that say image sizes are too big, and you need to optimize the images and upload them again.<\/p>\r\n\r\n\r\n\r\n

\"\"<\/a><\/figure>\r\n\r\n\r\n\r\n
\"\"<\/a><\/figure>\r\n\r\n\r\n\r\n

There are a few ways to optimize images.<\/p>\r\n\r\n\r\n\r\n