Top WordPress website page speed optimization guide

Trending

Stories

Tidio Live Chat Software - Add Tidio live chat software to your website in minutes. Contact visitors and turn them into happy customers. Enhance their experience and boost your sales. Get it for Free

High page load time of your website have a positive impact on visitor satisfaction and lead to better search engine rankings. For the popular CMS WordPress, there are several new tools and plug-ins for WP page speed optimization. Use the following tips to improve the performance of your site.

Google Page Speed ​​Insights – Indicator for speed

Also Read

First, get an overview of the current state of your WordPress website. How fast does the website load and where can the charging process be accelerated? Answers to all questions are provided by the free Google Page Speed ​​Insights tool. Enter your website and have a look at the evaluation. The suggestions for improvement are based on best practices, a value of 100/100 is not always possible and must not necessarily be achieved. A value of 80 is considered very good.

Elegant Themes Affiliate
The most popular WordPress themes in the world
589,814 customers are already building amazing websites with Divi. Join the most empowered WordPress community on the web with Divi Page Builder, the most powerful design tool for WordPress.
Get it Now

Tip: Install the WordPress Google Page Speed ​​Insights for WordPress plug-in to evaluate your site.

Optimize the images for shorter loading times

Elegant Themes - The most popular WordPress theme in the world and the ultimate WordPress Page Builder. Get a 30-day money-back guarantee. Get it for Free

Optimized images dramatically shorten the loading time.

Check, Are the images already compressed? The Optimus Image Optimizer plug-in provides a loss-free compression, you do not have to accept quality losses. After the installation, all image files are optimized in one click. The WordPress plugin will then automatically compress the following images as soon as they are uploaded. Another plus: the tool converts images to .webp format, which leads to even faster loading times.

Note: WebP images are about 26 percent smaller than comparable PNGs and up to 34 percent smaller than JPEG images.

Reduce JavaScript and CSS files

Use compressed JavaScript and CSS files to speed up the WordPress page.

In many standard installations, Google Insights also complains about the handling of JavaScript and CSS files and offers improvements for faster loading times. Minimizing the files works with the free plug-in Autoptimize at the push of a button. It combines all script and style files, minimizes and compresses them, and adds an expiration date for the caching. In addition, the plug-in moves style information to the top of the page and script information to the end of the page.

The HTML code is minimized and you benefit from a slim and lightweight page. The developers also recommend installing the WP SuperCache or Hypercache plugins. In addition, the installation of the free WordPress Cache Enabler plugin is recommended to display the .webp image visitors created in the first step. To do this, enable the Create additional cached version for WebP image support plug-in settings.

Render-Blocking JavaScript and eliminate CSS

Does Google Page Speed ​​Insights warn you that JavaScript and CSS resources are above the fold after analyzing your site? For the JavaScript and CSS files, optimization is performed using the Autoptimize plug-in already installed. To do this, in the JavaScript settings, uncheck Force JavaScript in, and then check the CSS settings for Inline all CSS. Fonts are usually the blocking resources, and the FontAwesome CDN plug-in from KeyCDN is very popular for the use of alternative fonts. Copy the following code from the header before the closing tag of the template you are using:

Browser caching: Edit the .htaccess file

The .htaccess file provides various configurations for fast page loading speeds. An effective way is to enable browser caching.

Activate compression

With all plug-ins of KeyCDN, Gzip is already enabled for data compression. Gzip compresses the files and accelerates the loading times. Alternatively, add the following code to the .htaccess file:

IfModule mod_deflate.c

# Komprimiere HTML, CSS, JavaScript, Text, XML und fonts

AddOutputFilterByType DEFLATE application/javascript

AddOutputFilterByType DEFLATE application/rss+xml

AddOutputFilterByType DEFLATE application/vnd.ms-fontobject

AddOutputFilterByType DEFLATE application/x-font

AddOutputFilterByType DEFLATE application/x-font-opentype

AddOutputFilterByType DEFLATE application/x-font-otf

AddOutputFilterByType DEFLATE application/x-font-truetype

AddOutputFilterByType DEFLATE application/x-font-ttf

AddOutputFilterByType DEFLATE application/x-javascript

AddOutputFilterByType DEFLATE application/xhtml+xml

AddOutputFilterByType DEFLATE application/xml

AddOutputFilterByType DEFLATE font/opentype

AddOutputFilterByType DEFLATE font/otf

AddOutputFilterByType DEFLATE font/ttf

AddOutputFilterByType DEFLATE image/svg+xml

AddOutputFilterByType DEFLATE image/x-icon

AddOutputFilterByType DEFLATE text/css

AddOutputFilterByType DEFLATE text/html

AddOutputFilterByType DEFLATE text/javascript

AddOutputFilterByType DEFLATE text/plain

AddOutputFilterByType DEFLATE text/xml
# Browser bugs entfernen (nur für wirklich alte Browser)

BrowserMatch ^Mozilla/4 gzip-only-text/html

BrowserMatch ^Mozilla/4\.0[678] no-gzip

BrowserMatch \bMSIE !no-gzip !gzip-only-text/html

Header append Vary User-Agent

IfModule

Conclusion on Page Speed ​​optimization for WordPress

The suggestions of Google Page Speed ​​Insights to optimize the page loading speed are now implemented. In the ideal case, you can achieve a performance score of at least 80 points. You do not have to aim at the 100/100 points rating, but little details cannot always be further improved. Also, consider the information for a better user experience.

We have forgotten an important tool or you have questions or suggestions on the topic of Page Speed ​​optimization for WordPress? Send us a comment. We are looking forward to your feedback.

iThemes WordPress Hosting

Stay updated

Subscribe to our newsletter and never miss an update on the latest tech, gaming, startup, how to guide, deals and more.

Latest

Stories

- Advertisement -
Ashish Sharma
Ashish Sharma
Ashish Sharma is the Chief Marketing Officer at WeDigTech, a Mobile App Development Company. He is responsible for marketing activities that have to do with creating, communicating and delivering offerings that have value for clients or business partners.
- Advertisement -

Grow Your Business

Place your brand in front of tech-savvy audience. Partner with us to build brand awareness, increase website traffic, generate qualified leads, and grow your business.

Latest

- Advertisement -

Grow Your Business

Get these business solutions, tools and services to help your business grow.
Elementor

Elementor -Join 5,000,000+ Professionals Who Build Better Sites With Elementor. Build your website with 100% visual design that loads faster and speeds up the process of building them.

WP Rocket

WP Rocket - Speed up your website with the most powerful caching plugin in the world. The website speed increase means better SEO ranking, user experience, and conversation. It’s a fact that Google loves a fast site.

Kinsta

Kinsta - If you are looking for WordPress managed hosting, Kinsta is in the leading front. Kinsta provides WordPress hosting for a small or large business that helps take care of all your needs regarding your website with cutting-edge technology.

OptinMonster

OptinMonster - Instantly boost leads and grow revenue with the #1 most powerful conversion optimization toolkit in the world. 700,000+ websites are using OptinMonster to turn their traffic into leads, subscribers, and sales.

Related

- Advertisement -
Microsoft’s Teams Get OpenAI-Based Features WhatsApp New Feature that Allows Users to Create Calling Shortcuts Instagram Working On Twitter-like Paid Verification Feature OnePlus Ace 2 Specs Exposed Online Realme GT Neo 5 Full Specs Revealed  Samsung Galaxy S23 Ultra: The New Android King Twitter To End Free API February 9 MLS Season Pass Now Available On Apple TV App
Tesla To Increase Giga Shanghai EV Production to 20,000 Weekly  OpenAI Releases Tool To Detect AI-generated Text Tesla Records Double Net Profit in 2022 India to Produce Upcoming iPhones: Trade Minister Japanese Professor Developed A Power Semiconductor made of Diamond Google Releases New Product for India’s Merchants