WordPress Performance - GreenGeeks https://www.greengeeks.com/tutorials/category/wordpress-performance/ How-to Website Tutorials Mon, 22 Aug 2022 14:40:31 +0000 en-US hourly 1 https://wordpress.org/?v=6.3.1 How to Reduce the HTTP/S Requests Your WordPress Site Makes https://www.greengeeks.com/tutorials/reduce-http-requests-wordpress/ https://www.greengeeks.com/tutorials/reduce-http-requests-wordpress/#respond Wed, 23 Jun 2021 14:00:14 +0000 https://www.greengeeks.com/tutorials/?post_type=ht_kb&p=42879 Does your website seem slow? In WordPress, a lot of factors can contribute to a slow site with slow page load times. That being said, …

How to Reduce the HTTP/S Requests Your WordPress Site Makes Read More »

The post How to Reduce the HTTP/S Requests Your WordPress Site Makes appeared first on GreenGeeks.

]]>
Does your website seem slow? In WordPress, a lot of factors can contribute to a slow site with slow page load times. That being said, if you can get your site to make fewer HTTP requests, then it will definitely speed up.

If you own an eCommerce site or other site with heavy content, you know that all sorts of things are loaded.

Since there are all sorts of elements that play a part in site speed, it can be difficult to figure out where to start. Below, you will find a few methods you can use that will allow your site to make fewer HTTP requests.

What Are HTTP Requests?

In order to be able to properly reduce HTTP requests, you need to know exactly what they are. First off, HTTP requests are directly connected to page speed. That is why you need to minimize request size to speed your site up.

In order for you to understand what an HTTP request is, let’s take a look at exactly what happens when you visit a website in a browser.

  1. You visit any site using a relevant browser.
  2. An HTTP request occurs when your browser requests files to download.
  3. The server that the website is on returns all the files that are needed to load the website.
  4. Once all these files have been loaded, you are able to view and interact with the content.

All of the above happens very quickly. On fast sites, all of it happens within a second or 2. But on slower sites, load times take longer and that’s when you are waiting for 5 seconds or more for a page to load.

There are also a couple of ways to view this when it comes to files. There are file sizes, but also the number of files that play a big role.

Remember, the more files there are, the more HTTP requests. At the same time, the bigger the files, the longer the HTTP request takes.

So, in essence, you want to reduce the number of files on your site to only what you need. After that, you want to make sure all those files are as small as possible.

Reduce HTTP Requests in WordPress

There are several things you can do in order to minimize request size. Let’s go over a few of them together. Once you apply some of these techniques, you should start to see a faster page load time and overall site speed.

1. Combine CSS and JavaScript

Your WordPress website has multiple CSS and JavaScript files. One of the best ways to reduce HTTP requests is to combine them.

Don’t worry, there are ways to do this without having to do it manually. Remember, this is WordPress, and one of the best things about WordPress is that you have access to plugins.

You can combine external JavaScript using a WordPress plugin. There are a lot of caching plugins that have this feature. There are also other tools that allow you to combine CSS and JavaScript in order to speed up your site.

If you aren’t sure where to start, W3 Total Cache and LiteSpeed Cache are both great plugins to use.

2. Minify HTML, CSS, JavaScript

Since we are already talking about combining code and minimizing it, let’s talk for a second about modification. You can use plugins for this as well. The Fast Velocity plugin will help you easily minify HTML, CSS, and JavaScript so that your site makes fewer HTTP requests.

So what exactly is “minification?” It is the process of characters out of source codes that are not necessary. Good examples of these characters include white space characters and comments. These are initially added to aid the readability of the code. However, they are not required for it to execute properly.

3. Take Advantage of Lazy Load

Lazy Load is an option that is provided by all of the best WordPress image sizing and compression plugins out there. If you remember, images and how they are handled in WordPress contribute a lot to overall site SEO and speed.

You want to make sure images are taken care of properly. This will contribute greatly to fewer HTTP requests. One of the ways to do this is to enable the Lazy Load function within the plugin you are using.

Lazy loading is not a complex process. Basically, what you are telling the page to do when you enable it is to defer loading any images that are not needed immediately on the page.

This ensures that only items needed right away will be loaded on-screen. Don’t worry, the rest of the images will load, but they are deferred until the end. This speeds up your page load time tremendously.

4. Remove Images That Are Not Needed

We all love pages that give us pretty and informative images to look at. According to SWEOR, a staggering 40% of people will leave a page and website if the images take too long to load. For this reason, you want to make sure that any images you have on the page are absolutely necessary.

When it comes to fewer HTTP requests, this is also important. The less-is-more approach works well here.

5. Reduce Image File Sizes

As you can see, a lot of speeding up your WordPress website and reducing HTTP requests has to do with images. It can’t be understated how important proper image compression and optimization is for the overall health of your website.

It is important to know that uploading huge images to your website not only takes up allotted space but also slows your site down tremendously. You don’t need to upload images that are huge. You can use outside tools like Tiny PNG to compress them and size them down before unloading them.

Compression plugins like Smush will also do the trick.

6. Delete or Disable Unneeded Plugins

Just in case you aren’t aware of this, there are two issues that can plague you when it comes to plugins. There are cases where there are too many plugins running, and there are cases where unneeded plugins need to be deleted.

There is also the issue that high CPU plugins increase the number of HTTP requests. If you can find some ways to delete plugins that you don’t need and use plugins that don’t have high CPU usage, then you can ensure your website will make fewer HTTP requests.

7. Use a CDN to Help Make Fewer HTTP Requests

One more thing you can do to help your site make fewer HTTP requests is using a CDN. A content delivery network (CDN) works by delivering cached website content to users based on where the user is located geographically.

It isn’t complicated and it does wonders for site speed.

There are a lot of excellent CDNs available, so check some out and see which one may work best for your situation.

Easily Test Your Site For HTTP Requests

Testing your site to see how many HTTP requests are happening is not difficult. There are basically two ways to do it.

You can use external tools like Pingdom or GTmetrix. Both of these tools allow you to enter some site info and they will automatically do a full rundown for you.

Since you are working with WordPress, you can also use the Query Monitor plugin.

Query Monitor

Query Monitor plugin for fewer HTTP requests

Query Monitor can help you with database queries and debugging. It gives you a ton of feedback on things like PHP errors, hooks, and actions, block editor blocks, enqueued scripts and stylesheets, HTTP API calls, and much more.

Use this plugin to see how many HTTP requests are happening on your website. Try it before you perform optimization and then after to see what progress you have made.

Final Thoughts

Too many HTTP requests can really bog a site down and return poor page load times. Having some techniques in place to help with this issue is important.

Use the methods above and see if that helps with overall site speed.

Have you tried doing this manually? Do you prefer plugins instead?

The post How to Reduce the HTTP/S Requests Your WordPress Site Makes appeared first on GreenGeeks.

]]>
https://www.greengeeks.com/tutorials/reduce-http-requests-wordpress/feed/ 0
How Speed Up Your WordPress Site (Ultimate Guide 2022) https://www.greengeeks.com/tutorials/speed-up-wordpress/ https://www.greengeeks.com/tutorials/speed-up-wordpress/#comments Wed, 16 Jun 2021 14:00:48 +0000 https://www.greengeeks.com/tutorials/?post_type=ht_kb&p=42141 The speed at which your WordPress website loads is arguably one of the most important factors when building a successful website. Not only does it …

How Speed Up Your WordPress Site (Ultimate Guide 2022) Read More »

The post How Speed Up Your WordPress Site (Ultimate Guide 2022) appeared first on GreenGeeks.

]]>
The speed at which your WordPress website loads is arguably one of the most important factors when building a successful website. Not only does it improve conversion rates, which leads to more sales, but Google and other search engines use site speed as one of its ranking signals in its search results.

What does this mean?

If your site is slow, you’re going to lose out on making more money with your business.

In this guide, we will go through everything you need to know about speeding up your WordPress website so that your visitors have a great experience with your business.

Why is the speed of your WordPress Site Important?

Speed is important for a variety of reasons, but the three most important include the visitor experience, search engines, and conversion rates.

Let’s take a look at each one.

Visitor Experience

Waiting for a page to load is the bane of many. This is one statement that everyone can agree with, especially when so many websites exist that can load a page in under a second. According to Google, 53% of visitors will leave the page if load times exceed 3 seconds.

What’s even worse than a long load time? If the page is sluggish and fails to load properly because of poor design choices. It’s a surefire way to guarantee a visitor will never come back.

Search Engines

If there’s one thing that every search engine has made clear, website speed is a factor they consider when ranking your site. Search engines are designed to help users find websites that provide the information they want without taking too long to get it.

And as we just discussed, speed can drastically alter that experience. Thus, it has become a top priority for search engines to prioritize rankings for faster sites.

Conversion Rates

According to Google, a 0.1-second improvement can increase conversion rates by 8.4% for retail sites. Every millisecond counts when a shopper is considering making a purchase.

Speed is more important to online stores than any other website type.

It also implies shoppers can load more product pages, which means there is a better chance for their shopping cart to fill up. Simply put, speed improves sales.

How to Test Website Speed

Test Website Speed

Obviously, you are going to need to know how your website is performing to help you identify a problem. Luckily, there are a variety of tools available to use in WordPress that can do this.

Google PageSpeed Insights

Google PageSpeed Insights is a powerful tool that will help you identify major flaws that are impacting your load times. In fact, this is the best place to start when trying to figure out where you can improve.

It provides a score and highlights problem areas on your website. The most common ones being minifying CSS, JS, and HTML. That said, the tool actually doesn’t clearly tell you a specific speed.

GTMetrix

GTMetrix is a free optimization plugin that you can run from within your website. It shows two separate scores, one from the previously mentioned Google PageSpeed Insights, and the other being YSlow, a metric used by GTMetrix to analyze mobile performance.

Getting two points of reference without having to leave your website is a great option. It lets you compare the data to find problem areas and what you can do to fix them.

WebPageTest

WebPageTest is another excellent free page speed tool you can utilize. It provides a detailed report of what factors are influencing your speeds. It also provides separate scores for security, first-byte time, and other factors.

And yes, this tool does actually tell you the exact time it takes a page down to the millisecond, so it’s quite handy.

How to Speed a WordPress Site

Speed Up WordPress

Choose Fast WordPress Hosting

The web hosting company you choose matters and will greatly influence the speed of your WordPress website. And to say that the web hosting industry is competitive is an understatement. In reality, you have a lot of companies to choose from, but at the same time, not really.

All of these companies are not alike, and while you may see advertisements that have competitive prices and features, the speeds are anything but equal. That’s why at GreenGeeks we actually specifically designed our WordPress hosting plans with speed in mind.

Our hosting platform is optimized to ensure that not only can we provide the best eco-friendly web hosting in the world, but we also have some of the fastest WordPress hosting as well.

GreenGeeks web hosting consistently ranks as a Top Tier for WordPress Hosting Benchmarks.

Optimize Media Files

Images and videos are a big part of every website and sadly, there is one downside to them. They are big files and they can impact the load times of your website. However, this is completely avoidable by optimizing the file sizes.

For images, the average file size should be somewhere around 150kb at most. You can further shrink an image file by using a compression tool. In the case of videos in WordPress, the trick is to never host the videos yourself.

Instead, you should host them on YouTube and embed the video on your website. This saves server resources and improves page loading speed, especially if you use tools like WP Rocket’s Lazy Load to add YouTube placeholder thumbnails instead of the actual JS embedded script.

Use A Lightweight Theme

Many beginners believe that themes simply allow you to choose the appearance of your website in WordPress. However, that is only partially true. They have many features that also dictate how your website behaves, which can impact load times.

When selecting a theme, the keyword you need to search for is “lightweight.” This signifies that the theme was built with speed in mind. Most of these themes offer a minimalist design approach, which just means your content is the main focus.

Minimalist themes are an excellent choice for websites with great images because they become the focus of attention.

Don’t Use A Lot of Plugins

Plugins are great and can add a variety of features that are necessary to keep your website working correctly. However, there is such a thing as too many plugins. Each plugin uses a small number of resources, which means each one slows down your website.

In many cases, the effects will be negligible. Yet in other cases, like security plugins, they can be noticeable. That’s why you should only ever install a plugin that you need. It’s also important to understand that some plugins are better than others.

Reading reviews and using a testing environment is vital when trying to optimize WordPress for speed.

Use Responsive Design

Everyone understands that mobile users make up a large percentage of traffic on the internet. In fact, in the United States, 61% of all traffic came from mobile devices. This is exactly why Google uses the mobile version of your website to decide rankings.

And while mobile devices have become incredibly powerful over the years, they are still miles away from a desktop’s power. This means that the images need to be properly sized for the screen, and in some cases, certain features may be absent from the mobile site.

The good news is that almost everything is mobile-friendly nowadays, but you need to make sure those features are active.

Use A Caching Plugin

Caching is an extremely important process that allows your website to make a copy of static pages to display to visitors. This means that instead of loading a page from scratch, the website already knows what to display.

To accomplish this in WordPress, you are going to need a caching plugin, and luckily there is no shortage to choose from. In fact, I recommend every website has a caching, security, and backup plugin set up from the get-go.

These are essential tools and help boost speed, security, and recovery.

Utilize Lazy Loading

Lazy loading is a development technique in which elements of a page are not loaded until they are necessary. Or to put it simply, your web pages will only load page elements when they are visible. This can dramatically improve load times in most cases.

For WordPress, the most common use for this technique is for images. We already discussed that images should be optimized, and lazy loading takes it a step further. Let’s face it, many visitors that click on a page do not scroll down.

Thus, there’s no reason to load those images unless the visitor does explore the page. It’s highly effective and simple to implement.

Use Pagination in the Comment Section

The comment section is an important part of any community as it allows direct communication with readers. However, as the number of comments begins to increase, loading all of them can be a challenge. Especially when that number enters the hundreds.

To prevent comments from slowing down your pages, you need to use pagination in the comment section. This simply displays a set amount of comments at one time and visitors must select the page to read those comments.

WordPress has this feature built-in and it takes less than a minute to set up.

Minify CSS, JS, and HTML

One of the main advantages of using WordPress is that you don’t have to write a single line of code. However, there are plenty of cases that your website can benefit from doing so.

Yet, every time a CSS, JS, or HTML call occurs, it slows down your website.

Thus, to speed up WordPress, you need to minify these files and reduce the number of calls. One of the best and easiest ways to do this is to use the Autoptimize plugin. It minifies all of the code and ultimately makes it lightweight.

In fact, Autoptimize effectively reduces the Cumulative Layout Shift score in PageSpeed Insights and GTmetrix.

Some plugins might even add custom code without your knowledge, thus this plugin will help identify and minify it.

Turn Off Pingbacks and Trackbacks

Pingbacks and trackbacks are alerts that WordPress produces whenever your website is used as a link on another website. In theory, this is a useful notification.

However, the reality of the situation is that you will mostly receive a ton of spam.

In fact, I wouldn’t be surprised if you have already disabled pingbacks and trackbacks in WordPress due to never-ending backlinks. Not only are these requests annoying, but receiving hundreds daily will slow down your website.

As your website grows, disabling this feature is a necessity to speed up WordPress.

Disable and Delete Revisions

Every website needs to update content and keep it relevant. To do this, you need to go back and edit the post or page. This should happen regularly. However, one thing beginners don’t understand is that WordPress saves the old version as a revision.

This will help you revert to the old content if necessary and can be quite handy. It also can add hundreds if not thousands of lines to your database, which will affect your overall speed. Thus, it is in your best interest to delete existing revisions and disable the feature entirely.

And just in case you like this feature, you could also try limiting the feature by restricting the number of revisions stored.

Limit Social Sharing Buttons

Social media has taken the world by storm and has permanently changed how websites and businesses market themselves. Nowadays, everyone has a social media presence and that means you have a way to integrate your website with that platform.

Enter social sharing buttons.

However, there is one problem…they slow down your website. Yet, simply removing all of them isn’t a good option. Instead, the best choice is to limit the number of buttons you include.

Even the biggest companies only list a few social sharing buttons, so don’t go overboard and watch out for redundancy in this area.

Use GZIP Compression

GZIP compression uses an advanced compression algorithm to compress common WordPress files (HTML, CSS, JS, etc.). When a request is made by a user, instead of these larger files being used, the compressed version is.

This feature is highly recommended by Google PageSpeed Insights because it can potentially decrease file sizes by 70%!

If you’re using GreenGeeks as your WordPress hosting provider, your WordPress install is set up by default with LiteSpeed Cache, helping you speed up WordPress natively.

You can even go further and easily enable the optimizations mentioned above with LiteSpeed Cache.

Speed Up WordPress Today

Maximizing your website’s speed improves the user experience and helps you climb search engine rankings. There is no downside to having a fast website, but it does require some effort to achieve.

By following the above tips and advice from page speed tools, you can create a great experience for users and search engines alike.

If you haven’t started building your website, be sure to check out our step-by-step guide to do it in 2022.

Which tips had the biggest impact on your website? What is your favorite page speed tool to use?

The post How Speed Up Your WordPress Site (Ultimate Guide 2022) appeared first on GreenGeeks.

]]>
https://www.greengeeks.com/tutorials/speed-up-wordpress/feed/ 2
How to Boost WordPress Performance with Plugin Load Filter https://www.greengeeks.com/tutorials/wordpress-performance-plugin-load-filter/ https://www.greengeeks.com/tutorials/wordpress-performance-plugin-load-filter/#respond Fri, 19 Feb 2021 15:00:15 +0000 https://www.greengeeks.com/tutorials/?post_type=ht_kb&p=39786 Today, we are going to focus on the plugin side of things when it comes to your WordPress website. As you may be aware, some …

How to Boost WordPress Performance with Plugin Load Filter Read More »

The post How to Boost WordPress Performance with Plugin Load Filter appeared first on GreenGeeks.

]]>
Today, we are going to focus on the plugin side of things when it comes to your WordPress website. As you may be aware, some websites have a good many plugins attached to run different things. For this reason, you may want to employ a plugin load filter to help you select when and if that particular plugin should be loaded everywhere.

Plugins are one of the main reasons WordPress is so fun to use. If you need to accomplish a process, chances are that there is a plugin that either does it or can help you do it.

But, you can have too much of a good thing.

Why Use a Plugin Load Filter?

If you have been working with WordPress for a while, then you understand that it is not a surprise that plugins can slow down a site. This is not ideal, as you always want your WordPress running fast. In order to optimize site speed, one of the things you can do is use a plugin load filter.

A tool like this allows you to have a little more control over how your plugins load. For example, you may not need a certain plugin to load on a certain page or post. Using some sort of filter plugin for WordPress gives you more control over how your plugins function on a site.

Using this tool will keep your website functionality in-tact, keep site speed up, and allow your site to optimize and run as smoothly as possible.

In this post, I am going to show you how to use a simple, yet powerful plugin that can be used to improve WordPress speed and optimize plugins more efficiently.

Let’s take a look at the plugin we are going to use today and see all that it has to offer.

Plugin Load Filter

Plugin Load Filter

Plugin Load Filter is a straightforward, easy to use, and easy to understand plugin that will allow you to filter and optimize the plugins on your site with ease. The interface is simple and very user friendly. 

With just a few clicks here and there, you can begin to deactivate unnecessary plugins for individual posts and pages that don’t need them. By filtering the activation of certain plugins in different spots, you will be able to increase your site speed significantly, giving your site users a much better on-site experience.

Not only can you optimize plugins using Plugin Load Filter, but you will also be able to distinguish the plugins for blog and Web applications.

As stated above, the plugin is simple to use and quick to set up. Of course, it won’t slow your site down, and it comes with some cool features including:

  • Post Format Type Support
  • Custom Post Type Support
  • Supports Jetpack Modules
  • WB Embed Content Card Support
  • Simple Post Language Locale Switcher Support

Simple, easy to use, easy to set up, very powerful. Those are the key takeaways here and you will be hard-pressed to find a better plugin to improve WordPress speed on the fly.

Let’s get the plugin running and set up together and you can start filtering your plugins how you see fit.

Set Up Plugin Load Filter

Step 1: Install and Activate the Plugin

In order to start optimizing plugins and boosting your site speed, you first need to install and activate Plugin Load Filter. You can do this by hopping over to the Plugins page in the WordPress admin dashboard.

Install and activate plugin load filter

Simply use the available search field to search the plugin by name. Once you see it pop up, install and activate it right from there.

Step 2: Access the Main Settings Page

Now that the plugin is activated, you want to go ahead and access the main settings page for it. This is where you will be able to configure the plugin to your liking.

To get there, simply click on the “Plugin Load Filter” tab located on the left side menu area of the dashboard.

Click plugin load filter tab

You can see that this is now an available tab option because you activated the plugin.

Step 3: Configure All Plugin Settings

At this point, you have arrived on the main settings page for the plugin. There are some items to configure in order to get the plugin going. You will see two main tabs at the top of the page: Filter Registration and Page Type Activation. Let’s go ahead and register filters first.

At the top of this tab, you will see all of the plugins you have running on your site. Next to that will be three selections. You can choose normal, admin type, or page type. The selections represent the following:

  • Normal: Exclude plugin from Page Type filter.
  • Admin Type: If you only use plugins for Admin pages.
  • Page Type: If you want to activate or deactivate plugins for each Page Type and Single page.

Go ahead and go through all of the plugins on your list and make the selections you want.

Configure settings

Note: All the plugins are automatically selected “Normal.” You can make selections accordingly from there.

Now scroll down some and configure the rest of the settings under this tab. 

This includes items like excluding post type formats, adding admin links, and post language locale.

Page Type Activation

Page Type Activation will only be relevant if you register page filters. You will probably do this, so there will be data showing.

Page Type Activation

Step 4: Go to Any Post or Page

That’s it! You are now up and running successfully. You can go to any post or page to view items. What displays on this page will be based on your setup.

You can see here that the new plugin box is located on the bottom right of posts and pages.

Plugin Load Filter box

What Else Slows My Website Down?

Congrats, by using Plugin Load Filter, you have taken a solid step in the direction of higher site speeds and load times. That being said, there are always other things that can be done to properly optimize a site and keep page load times high.

One of the things you want to consider is optimizing all the images in your media library correctly. There are tools for image sizing and compression optimization, as well as tools for image SEO optimization. Dig into both, as this will help speed your site up even more.

You can also do things like reduce plugins where you can, optimize the site homepage, use a CDN, consider your host, and clean up your framework and themes.

Remember, website optimization is an ongoing process, so make sure you stay on top of it for optimal speed output and SEO.

Final Thoughts

Optimizing the plugins on your website is just one of many steps you can take in the process of speeding up your site and making it more enjoyable for your site users.

The Plugin Load Filter tool allows you to easily optimize and filter your site plugins, putting you in full control of them and effectively speeding up your site.

I hope this article showed you how easy this particular process really is. This, along with other site optimizations you can perform will allow you to present the fastest site possible for your users.

What other techniques do you use to optimize your WordPress site for speed? Have you found that one works better than the other?

The post How to Boost WordPress Performance with Plugin Load Filter appeared first on GreenGeeks.

]]>
https://www.greengeeks.com/tutorials/wordpress-performance-plugin-load-filter/feed/ 0
How to Show the Server IP and Memory Usage in WordPress https://www.greengeeks.com/tutorials/show-server-ip-memory-usage-wordpress/ https://www.greengeeks.com/tutorials/show-server-ip-memory-usage-wordpress/#comments Mon, 25 May 2020 17:31:14 +0000 https://www.greengeeks.com/tutorials/?post_type=ht_kb&p=34840 Is your WordPress website crashing, slow to load, or timing out? Do you see an “Allowed memory size of [number] bytes exhausted” error? The best …

How to Show the Server IP and Memory Usage in WordPress Read More »

The post How to Show the Server IP and Memory Usage in WordPress appeared first on GreenGeeks.

]]>
Is your WordPress website crashing, slow to load, or timing out? Do you see an “Allowed memory size of [number] bytes exhausted” error?

The best way to investigate the cause of memory-related problems is to check your website’s memory usage in real-time. But unless your site runs on a VPS or dedicated server, real-time stats probably aren’t available.

Some web hosts will provide you with a memory usage number in their control panel or account manager. But is that number accurate? When was the usage measured? When does it update?

Today, we’ll talk about a WordPress plugin called Server IP & Memory Usage Display. The cool thing about the plugin is it gives you memory usage numbers that are current at the moment you load the page.

So, if you’re experiencing website problems that may be memory-related, you can check usage while the problem is occurring. Or you can monitor memory usage over a period of time. Then use those numbers to determine whether the memory allocated to the site needs to be adjusted.

We’ll go over plugin installation, and talk about ways you may be able to adjust WordPress memory usage.

The plugin is very easy to install, so let’s get started.

Installing the Server IP & Memory Usage Display Plugin

Log in to your WordPress admin panel.

In the left column navigation, mouse over the “Plugins” link and click the “Add New” link.

mouse over the "Plugins" link and click the "Add New" link

In the “Search plugins…” box, enter, “Server IP & Memory Usage Display.”

search for the WordPress Server IP & Memory Usage Display plugin

When you find the plugin, click the “Install Now” button.

click to install the WordPress Server IP & Memory Usage Display plugin

Now the plugin is installed, but it has to be activated before you can use it.

Click the “Activate” button.

click to activate the WordPress Server IP & Memory Usage Display plugin

That’s all there is to it. Now let’s see how the plugin works.

How to View Server Memory Usage Data

Once the plugin is installed and activated, it’s working. There’s nothing to set up or configure.

It will display memory and IP data at the bottom of every WordPress admin page.

memory and IP data display in WordPress admin

Let’s take a look at that data.

Memory

In our demo here, the memory use looks like this:

Memory: 6 of 128 MB (5%)

Let’s break that down.

  • It’s telling us that we were using 6 MB of memory when the page loaded.
  • Then it’s showing us the memory limit for the website, 128 MB. That limit is usually imposed by your web host as part of your hosting plan limits.
  • Finally, the percentage of use of your memory quota. In our example, WordPress was using 5% of the memory available for the hosting account.

WP LIMIT

This is the maximum amount of memory that WordPress can use. (Technically, it’s the maximum amount of memory the WordPress PHP functions can use.) In our case, it’s set to 40 MB:

WP LIMIT: 40 MB

That’s the default setting when you install WordPress. But it’s a WordPress configuration limit, not a server limit, so it’s possible to change it in the wp-config.php file.

Let’s try to raise that value to 64 MB and see what happens.

To increase the value, we have to make a change to the wp-config.php file. The file is located in the root directory of your WordPress installation. So if you installed WordPress into a directory named blog, for example, you’d look for /blog/wp-config.php.

I’m going to download and upload the file using FTP. But if you prefer, you can use something like the cPanel file manager if it’s available to you.

Connect to your site and find the wp-config.php file.

find the wp-config.php file

Download it and open it in your text editor. (If you’re using a web-based file manager, you can probably edit the file without downloading it.)

Add this line:

[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]define( ‘WP_MEMORY_LIMIT’, ’64M’ );[/ht_message]

adding WP_MEMORY_LIMIT line to wp-config

Save the file and upload it to the server.

Now, if I go back to my WordPress admin area and reload a page, we should see the change.

And there it is.

updated memory limit in wp-config

Note: In some cases, your hosting space may have less memory allocated to it than this setting specifies. (Meaning less than 40 MB.) Under those circumstances, WordPress could potentially use all of the memory available for your hosting space.

A value less than 40 MB would be an unusually low memory allocation for a modern hosting account. Still, if you ever need to adjust for a smaller memory quota, the WP_MEMORY_LIMIT value can be set lower than 40 MB.

IP

The last two values displayed by the plugin aren’t related to memory usage. The first is IP. The plugin uses PHP to get the server IP address and hostname and show them.

This information could be useful if you manage several WordPress installations on different servers.

PHP

The final value displayed, the PHP section shows the current PHP version the website is using. The section also shows some very basic operating system information.

The PHP version can be valuable information since WordPress has a minimum PHP version requirement. That won’t usually be an issue. But if you installed WordPress years ago and are having trouble updating, you may have to update PHP.

If the PHP version displayed here is lower than the WordPress recommendation, contact your host. They will be able to point you in the direction of a PHP version control or update it for you.

What Causes WordPress Memory Errors or Problems?

You might assume memory errors happen because the website is very busy serving a lot of visitors. That’s certainly one thing that can cause errors, but it’s not the most common cause.

More often than not, memory errors are caused by plugins and themes. Memory can be an issue if you use a large number of plugins. But it can also be an issue if you use one poorly coded plugin or theme.

Plugins are great. They’re what makes WordPress such a flexible platform. But not all plugins are written by professional developers. And if a plugin developer makes a mistake, and then you install the plugin, your website just inherited that mistake. The only way to troubleshoot suspected plugin problems is to disable plugins one by one to locate the tool causing the issue.

It’s important to remember that increasing the memory limits is not a good way to deal with a bad plugin. If you think a plugin is causing memory problems, delete it and try to find a better replacement.

If You Need More Memory for WordPress Admin Tasks

We talked about raising the memory limit for WordPress in general. That can fix a lot of crashing problems and “Allowed memory size of [number] bytes exhausted” errors.

But what if you only experience errors when performing administrative tasks in WordPress? By that, I mean things like updates or running tasks via plugins, etc. If that’s a problem you run in to, you can set a higher memory limit that applies only to the admin section of WordPress.

Since admin tasks are only done occasionally and for brief periods, you may want to let them use more memory.

Here’s how to do it.

Remember increasing the WP_MEMORY_LIMIT value in wp-config.php? We increase the admin memory limit the same way.

So open up wp-config.php and add this line:

[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]define( ‘WP_MAX_MEMORY_LIMIT’, ‘128M’ );[/ht_message]

Adjusting the 128MB to your desired setting, of course.

So, if you were adding a higher admin limit to the wp-config.php file we edited earlier, it would look like this:

updated admin memory limit in wp-config

What that does is tell WordPress it can use 64 MB of memory for the public side, and 128 MB for admin tasks.

What Happens if You Uninstall the Server IP & Memory Usage Display Plugin

If you uninstall the plugin, the memory and server data will no longer be displayed. No other parts of WordPress are affected.

Keep an Eye on Memory Usage as a Preventative Measure

Even if you aren’t having a memory-related problem, it’s good to look at memory usage from time to time. If you do, you’ll notice when memory usage increases, and you’ll be better able to determine the cause. Did you see memory use jump after installing a new plugin? You can be pretty sure what the culprit is.

Watching memory usage can also alert you that it’s time to upgrade your hosting plan. Seeing a steady increase in memory use along with an increase in visitors is normal. As far as problems go, I think accommodating more visitors is a problem we’d all be happy to deal with.

Have you ever had to troubleshoot WordPress memory errors? What did you do about them? Has a poorly written plugin ever caused you any grief? Let me know in the comments.

The post How to Show the Server IP and Memory Usage in WordPress appeared first on GreenGeeks.

]]>
https://www.greengeeks.com/tutorials/show-server-ip-memory-usage-wordpress/feed/ 2
How to Streamline WordPress for Speed and Function with Tweakr https://www.greengeeks.com/tutorials/streamline-wordpress-tweakr/ https://www.greengeeks.com/tutorials/streamline-wordpress-tweakr/#respond Thu, 02 Jan 2020 20:55:55 +0000 https://www.greengeeks.com/tutorials/?post_type=ht_kb&p=31153 Are you looking for a way to streamline WordPress for speed? WordPress has a lot of features and functions that can all be customized to …

How to Streamline WordPress for Speed and Function with Tweakr Read More »

The post How to Streamline WordPress for Speed and Function with Tweakr appeared first on GreenGeeks.

]]>
Are you looking for a way to streamline WordPress for speed? WordPress has a lot of features and functions that can all be customized to meet your needs. However, what happens if you don’t need them?

In this case, it may be worth removing the feature entirely. The more compact your website is, the better it will perform. Luckily, there is a plugin that can help us do this.

Today, I will demonstrate how to streamline WordPress for speed with the Tweakr plugin.

How Does Tweakr Help?

Tweakr is a simple, yet powerful plugin that can help you remove or disable unwanted features in WordPress. Thus, it can help make WordPress faster.

For example, one thing you don’t see most WordPress authors using are emojis. While they are fun to use while texting or talking to friends on social media websites, they are not appropriate for content creation in many cases. At least, if you’re trying to be professional.

Thus, there really isn’t a reason to keep them on your website. Tweakr understands this and allows you to disable emojis with the click of a mouse. It can also disable oEmbeds, RSS feeds, and more.

The smaller you make your website, the faster it will become.

Installing Tweakr

Tweakr is a great addition to any website that wants to disable features in WordPress to increase speed. It is best thought of as a bundle of smaller common tweaks. In it, you will be able to streamline your WordPress website for performance, and it’s easy to do.

Let’s start by clicking on Plugins and selecting the Add New option on the left-hand admin panel.

Add New

Search for Tweakr in the available search box.

Tweakr

Scroll down until you find the Tweakr plugin. Click on the “Install Now” button and activate the plugin for use.

Install Now

Using Tweakr

Tweakr is extremely easy to use. There are no complicated settings to handle. Instead, everything is handled through toggle switches, which are all off by default. This means all you need to do is go through each setting and decide if you want to enable it or not.

On the left-hand admin panel, click on the Tweakr option to pull up the main settings page.

Tweakr

Everything related to the plugin can be adjusted here and it is broken up into 6 tabs. These include Tweaks, Content, Editing, Analytics, Privacy, and System.

Remember, you should only enable the settings that work best for your website, and you can make a change at any time.

Tweaks

Tweaks

The Tweaks tab is the first one and contains all of the hide/disable features the plugin offers. It is broken up into three sections, which include Frontend, Feeds, and HTTP Header. Go through each section and disable everything you do not need.

Content

Content

The Content tab deals with your website’s permalink structure and XML Sitemap. The settings on this page can directly affect how search engines view your content, which means your rankings are on the line.

Editing

Editing

The Editing tab doesn’t have many settings. Here you will be able to change the visual appearance options your website can use.

Analytics

Analytics

The Analytics tab only has two settings, but don’t let that fool you. One of those settings is to enable Google Analytics. Yes, that’s right, this plugin has Google Analytics baked into it. If you choose to enable it, you will need to enter your own tracking code. Alternatively, it also supports Matomo analytics.

Privacy

Privacy

The Privacy tab consists of one option, which will hide the privacy policy page from search engine indexes. While these types of pages need to be visible for visitors due to legal reasons, they are not exactly content-rich. Hiding them may help your website’s SEO, but there is no definitive answer, according to Google.

System

System

The System tab has more advanced options. These include email, update, API, and monitoring settings. Unless you have a firm understanding, I would recommend not touching the settings located here.

Once you are done, click on the “Save Changes” button.

Save Changes

Congratulations, on streamlining your WordPress website.

WordPress Is Fully Customizable

Typically, when people think of the term “fully customizable,” they tend to think about what you can add to the platform. However, removing and disabling features is another side of customization.

This allows you to build a website that best suits your needs. And in the end, removing unused features can help streamline WordPress for better performance.

Which features did you disable with Tweakr? Do you think WordPress should have some of these options built-in?

The post How to Streamline WordPress for Speed and Function with Tweakr appeared first on GreenGeeks.

]]>
https://www.greengeeks.com/tutorials/streamline-wordpress-tweakr/feed/ 0
How to Minify JavaScript and CSS with Fast Velocity Minify in WordPress https://www.greengeeks.com/tutorials/minify-javascript-css-fast-velocity-minify-wordpress/ https://www.greengeeks.com/tutorials/minify-javascript-css-fast-velocity-minify-wordpress/#respond Thu, 15 Aug 2019 14:00:52 +0000 https://www.greengeeks.com/tutorials/?post_type=ht_kb&p=28764 Have you been trying to improve your website performance using different techniques? Have you thought about what would happen if you were to minify JavaScript …

How to Minify JavaScript and CSS with Fast Velocity Minify in WordPress Read More »

The post How to Minify JavaScript and CSS with Fast Velocity Minify in WordPress appeared first on GreenGeeks.

]]>
Have you been trying to improve your website performance using different techniques? Have you thought about what would happen if you were to minify JavaScript and CSS?

Performing this function will make your website a lot faster, and those results will be reflected in your website speed tests. There are a few different tools you can use to minify JavaScript and CSS. This, along with other techniques will improve the speed of your website.

In this tutorial, I am going to show you how to use a great plugin called Fast Velocity Minify to speed up your website and help improve overall website performance.

Why Minify Javascript and CSS?

The main reasoning behind minifying JavaScript and CSS is for site speed and overall performance. If you compare website speed tests from before and after, you will find that the sizes of your web pages and overall site speed have dramatically changed. Oftentimes, this and other website issues are overlooked.

Maybe even more important is the fact that Google has announced that faster loading speeds directly affect website ranking and overall SEO.

Faster loading times will not only help with overall SEO, but they will give your site users a better experience.

Fast Velocity Minify

In order to minify JavaScript and CSS in WordPress, we are going to use a smooth plugin called Fast Velocity Minify.

Fast velocity minify plugin

Basically, this plugin is a speed optimization plugin for developers and advanced users. You can use it to minify JavaScript in WordPress, as well as use the plugin options and functionality for so much more.

When you minify CSS in WordPress using the Fast Velocity Minify plugin, you set yourself up for better SEO ranking and overall speed and site performance.

How the Plugin Works

This plugin reduces HTTP requests by merging CSS & JavaScript files into groups of files while attempting to use the least amount as possible. It minifies WordPress CSS and JS files with PHP Minify. There are no extra requirements.

Fast Velocity Minify shines even further because it includes settings and options for developers and advanced users. However, the default plugin settings will work great for most WordPress sites, so you can easily install the plugin and use it even if you are a beginner.

Main Plugin Features

The FVM plugin offers a ton of features. Some of the main ones that stand out include:

  • Merge JS and CSS files into groups to reduce the number of HTTP requests.
  • Google Fonts merging, inlining and optimization.
  • Handles scripts loaded both in the header & footer separately.
  • Keeps the order of the scripts even if you exclude some files from minification.
  • Supports localized scripts (https://codex.wordpress.org/Function_Reference/wp_localize_script).
  • Minifies CSS and JS with PHP Minify only, no third-party software or libraries needed.
  • Option to defer JavaScript and CSS files, either globally or PageSpeed Insights only.
  • Creates static cache files in the uploads directory.
  • Preserves your original files, by duplicating and copying those files to the uploads directory.
  • View the status and detailed logs on the WordPress admin page.
  • Option to Minify HTML, remove extra info from the header and other optimizations.
  • Ability to turn off minification for JS, CSS or HTML (purge the cache to see it).

Now that you know a little more about minifying JavaScript and CSS, let’s take a look at how to easily use the Fast Velocity Minify plugin.

Install and Activate

First, install and activate the Fast Velocity Minify plugin on your website. You can do this by searching for it in the plugin repository of your WordPress admin dashboard.

Install and activate minify javascript and css plugin

Once the plugin has been installed and activated, click on Settings > Fast Velocity Minify. This will take you to the setup and configuration options for the plugin.

Click on settings then fast velocity minify

When you get to the correct area, you will see 6 tabs. They include:

  • Status
  • Settings
  • Pro
  • Developers
  • Server Info
  • Help

I am going to show you each tab area, but we are not going to configure the plugin for advanced users and developers. Instead, I will show you how to set up the basic settings that will properly minify JavaScript and CSS on your WordPress website.

Let’s take a look at the tabs.

Status

The “Status” tab will simply list all your processed files once you start using the plugin. It also allows you to purge cached files.

Status screen for minify javascript and css plugin

Settings

These are your basic configuration settings. Filling these out will get the plugin working and you can start minifying Javascript and CSS files in WordPress.

Settings tab

Pro

This tab will allow you to configure pro settings. Only use it if you know and understand what you are changing.

Pro tab settings

Developers

The “Developers” tab will present you with even more advanced options. Again, don’t use this unless you are a developer or you know what you are getting into.

Developer settings

Server Info

This tab provides you with all the server info so you can see that everything is working properly.

Server info tab for minify javascript and css plugin

Help

The “Help” tab will allow you to reference other helpful links for the plugin.

Help tab

Basic Configuration Settings

Click back to the “Settings” tab. You can fill out this portion however you want. This will get the plugin working properly and allow you to gain site speed and other functionality.

That being said, here are basic recommended settings that you can choose to get the plugin working. Click on the following options under the Basic Settings.

Use the screenshots for Reference.

Functionality & URL Options

For functionality, it might be ideal to preserve settings for the plugin after an uninstall. You might find yourself coming back to the plugin at a later date. Also, enabling “Fix Page Editors” works well if you have a team environment on the website. This way, you won’t have to worry about visual editors causing a problem with JavaScript and CSS merging.

In most cases, auto-detecting URLs should suffice. If you have issues with minifying JS and CSS, you may need to force certain URLs to work correctly. However, you probably won’t know which until you start experiencing issues.

Functionality and url options

HTML, Font, Google Font Options

Enabling the Cleanup Header option helps streamline minifying JS and CSS. But like above, you can change this option should you experience problems on the site.

In the Font Options, you can manage how FVM handles elements like emojis and Google Fonts. One of the best options is to “Disable Google Fonts merging.”

Speaking of Google Fonts, keeping the selection for “inline” helps with minifying the code. However, some sites may experience better performance through “async” depending on the layout.

Html and font options

Font Awesome & CSS Options

A good practice for performance is to inline Font Awesome CSS elements you might have on your website. This streamlines the effect of CSS. But like the option above, you may experience better performance through async.

In the CSS options, preserving the order, disabling the “Print,” and inlining CSS in the footer all contribute greatly to minifying. But if something on your site breaks after selection, you may want to consider disabling CSS processing and minifying files.

Font awesome and css options

Page Speed Options

When it comes to PageSpeed testing, you can enable “defer of all JS files for PSI only.” You can also exclude JavaScript files into an ignore list for PageSpeed Insights.

This gives you a more accurate portrayal of your site’s performance without third-party JavaScript throwing errors.

Page speed options for minify javascript and css plugin

That’s it! You can leave everything else unchecked, or fill it out how you see fit. Scroll to the bottom and click on the “Save Changes” button and you are off and running.

Final Thoughts

When you properly minify JavaScript and CSS on your WordPress website, you create a better user experience and faster page loading speeds. Furthermore, you put your site on the right track for better SEO and ranking in Google.

Now, you have a fantastic way to do this that requires no coding skills. Simply follow the steps above and you are good to go.

Have you found that minifying JavaScript and CSS has helped your site speed and SEO? What other plugins or techniques are you using to accomplish this?

The post How to Minify JavaScript and CSS with Fast Velocity Minify in WordPress appeared first on GreenGeeks.

]]>
https://www.greengeeks.com/tutorials/minify-javascript-css-fast-velocity-minify-wordpress/feed/ 0
How to Install Query Monitor in WordPress https://www.greengeeks.com/tutorials/install-query-monitor-wordpress/ https://www.greengeeks.com/tutorials/install-query-monitor-wordpress/#respond Tue, 07 Aug 2018 15:00:48 +0000 https://www.greengeeks.com/tutorials/?post_type=ht_kb&p=19507 Do you want to add a Query Monitor to your WordPress website? If so, then you’re in luck because the Query Monitor plugin does just …

How to Install Query Monitor in WordPress Read More »

The post How to Install Query Monitor in WordPress appeared first on GreenGeeks.

]]>
Do you want to add a Query Monitor to your WordPress website? If so, then you’re in luck because the Query Monitor plugin does just that. A Query Monitor is a debugging tool that helps you monitor the back end of your website. This tool will help you catch and fix performance issues that are plaguing your website or help prevent them from happening.

For your website to work properly, it must make requests to the server. A Query Monitor will monitor these requests and notify you if something is wrong. This is an extremely useful tool for experienced web developers to take advantage of. Today, I will demonstrate how to install the Query Monitor plugin in WordPress and what it can do.

What is the Query Monitor Plugin Capable of

A Query Monitor is a debugging tool that helps you monitor and troubleshoot problems on the back end of your website and has a large number of tools. Here are some of the features the plugin includes:

  • Hooks
  • Scripts & Styles
  • Languages
  • HTTP Requests
  • User Capability Checks
  •  Redirects
  • Environment Information

A more detailed description of what the plugin offers can be found on the Query Monitor plugin page. Keep in mind that if you are not entirely sure what some of these terms mean, then you might not find this plugin helpful. It is designed for more experienced web developers.

How to Install Query Monitor in WordPress

Today, I will demonstrate how to install the Query Monitor plugin in WordPress and what it can do. This plugin offers a lot of features and I will try to cover what all of the major ones do and where to find them. To fully utilize the plugin, you will need some knowledge of how a website works and what some terms mean. If you are new to WordPress and web development in general, then this plugin might not be of any use to you until you get more experience.

Installing and Locating the Query Monitor Plugin

Start by clicking on Plugins and selecting the Add New option on the left-hand admin panel.

Add New

 

Search for Query Monitor in the available search box. This will pull up additional plugins that you may find helpful.

Search for Query Monitor in the available search box.

Scroll down until you find the Query Monitor plugin and click the “Install Now” button and activate the plugin for use.

Click the "Install Now" button.

You should now see the Query Monitor menu at the top of the admin bar. If you do not, then you do not have the toolbar turned on. On the left-hand admin panel, click on Users and select the Your Profile option.

Click on Users and select the Your Profile option. 

Make sure the “Show Toolbar when viewing site” checkbox is checked. and update the settings. Click on the Query Monitor menu item at the top of your screen.

Click on the Query Monitor menu item at the top of your screen.

I will now briefly go through the various tools the plugin offers and where to find them.

Queries

The main reason to use the Query Monitor plugin is to monitor your website’s queries. There is a lot of information available on your website’s queries. The plugin breaks queries into three menu items called Queries, Queries by Caller, and Queries by Component. The Queries options will show all of your website’s queries, but this list can get very large on larger websites. This is why there are two other options to use.

Queries by Caller will show you all your queries that are called and specifically who called them by custom code and where the code is located. Queries by Component will show you all of the queries that your plugins, themes, and WordPress core files are making.

Queries

Scripts and Styles

These two options will allow you to view the various Stylesheets and Javascript your themes and plugins are loading. Specifically, you can see where these are loaded and track where they are located.

Scripts and Styles

Hooks & Actions

Here you will be able to monitor all of the Hooks that are being run on your website. You will also be able to see all of the actions that are triggered by these hooks.

Hooks & Actions

Languages

The world is a big place and not everyone speaks the same language. This is a problem for websites that want to attract visitors from around the world. Thankfully WordPress has many plugins to help you build a multilingual website. This option of the plugin will help you track where and which language files are being requested and loaded into.

Languages

HTTP API Calls

This will display all third-party API calls being made on your website. For example, Jetpack showed up for me in this section.

HTTP API Calls

Transient Updates

Transient updates are updates that have an expiration date. This means they are temporary and will disappear once that expiration date is reached. You can view all of your website’s transient updates here.

Transient Updates

Capability Checks

This section will show you all your user role capabilities. More specifically if they have access to a certain core file, plugin, or theme.

Capability Checks

Environment

This section will show you all of your website’s hosting environment information. The environment refers to things like PHP version, Database names, etc.

Environment

Keep Track of Your Website

There is a lot of information to keep track of as a web developer. It can be a bit overwhelming at times, but plugins like Query Monitor make it easy to track important information. This can help you discover issues before they become a bigger problem. It can also help you locate ways to increase your website’s performance. Of course, you do need to have knowledge of web development to make full use of this plugin.

What is your favorite part of the Query Monitor plugin? What are you closely monitoring in your website?

The post How to Install Query Monitor in WordPress appeared first on GreenGeeks.

]]>
https://www.greengeeks.com/tutorials/install-query-monitor-wordpress/feed/ 0