All About Technology & Troubleshooting

How to increase wordpress website speed in mobile

In today’s digital world, mobile is more important than a desktop that’s why SEO experts advise focusing more on mobile than on desktop. if your site isn’t fast, both your audience and Google will think poorly of it as a result you’ll lose visibility and traffic. If you want to keep mobile page speed issues from standing in the way of attracting visitors and turning them into avid customers, here we have few tips to Make Your Mobile Site Load Faster.

Lets first find out how fast your site is.

  • Go to Think With Google’s Test your mobile speed page and enter your URL to scan your site.
  • This will start to analyze your site check HTML and CSS, JavaScript, compression, usability on mobile, and also compare your mobile page speed to other sites in your industry.
  • Once the scan is done, you’ll see your mobile page loading time, estimated visitor loss, and industry comparison. It will also tell you how much you could reduce your loading time by applying a few fixes.

How to Make Your Mobile Site Load Faster

Here are the steps to take in order to improve WordPress page loading times on mobile:

Choose the right Hosting

The page loading speed determined by your web coding but also it completely depends upon on your Web hosting server. Means the longer your server waits to respond to requests from a browser it will affect the page load time. That’s why faster web hosting matters or recommended to optimize website load time.

You can choose from different hosting plans, including a VPS or dedicated server which will provide better service than a shared server.

Again the hosting servers near you or your target audience, loading times will lag. If you are getting more visitors from the USA then you must choose the hosting server location for the same location (USA) that helps serve web pages quickly.

Use a Content Delivery Network

Again If you’ve already purchased a web hosting plan and you’re unhappy with where the servers are located, you can always supplement your hosting with a CDN. A CDN spreads the weight of your site across lots of different servers, each hosted at different data centers. Having this network of servers in play means that each user is served up content from the server closest to them. This reduces the distance the content has to travel, speeding up the loading time.

Here an example of using a content delivery network

Content Delivery Network example

Ask the hosting provider to update the latest version of PHP

PHP is the open-source scripting language we use to form the backbone of a WordPress website and its functions. It doesn’t matter if you do any hands-on coding with PHP, it always exists at the server level and can have an impact on mobile page speed if it’s not updated.

When you set up a WordPress website for the first time, your web host should automatically select the latest version of PHP. But unless you have managed PHP updates enabled, this is something you’ll have to keep tabs on. We recommend update PHP version with your hosting support team.

Use caching plugin

For WordPress site one of the quickest and easiest ways to cut page loading speed is to install a caching plugin like WP Total Cache or WP Super Cache. Both of the plugins are free to download and very good. Despite their name, caching plugins do quite a lot beyond browser caching, although that is their primary function.

Clean up your database

One of the pitfalls with WordPress is that your database can get very messy very quickly due to saved drafts, post revisions, deactivated plugins etc. WP-Optimize is a fantastic plugin that routinely deletes all of the stuff you don’t need that’s cluttering up your database.

Compress your images

If you’re using WordPress, install the WP Smush.it plugin to automatically compress your images. This will reduce the size of your images without losing any visual quality. The great thing about this plugin is that it works in the background every time you upload a new image. You can also run it retrospectively on all of the images uploaded to your media library

Disable hotlinking of images

When other websites ‘hotlink’ to your images it steals bandwidth, slowing your site down. To prevent other sites from hogging your bandwidth, you can add this snippet of code to your .htaccess file. Remember to change the bit that says example.com!

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?example.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]

Compress your website with gzip

Gzip is a simple method for compressing your website’s files to save bandwidth and speed up page load times. Gzip works by compressing your files into a zip file, which is faster for the user’s browser to load. The user’s browser then unzips the file and shows the content. This method of transmitting content from the server to the browser is far more efficient, and saves a lot of time.

You can enable Gzip by simply adding the following code into your .htaccess file:

# compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

# Or, compress certain file types by extension:

SetOutputFilter DEFLATE

To check whether Gzip is enabled or working properly on your site, you can use Gziptest.com.

Minify your CSS and JS files

When you look at what’s causing your pages to load slowly, chances are that it’s got something to do with lots of clunky Javascript files or CSS being loaded inefficiently. One of the pitfalls of WordPress and other content management systems is that a new JS or CSS file is added virtually every time you install a new plugin.

There are several ways to minify your files. The first way involves squishing all of your files into one – so instead of calling ten individual javascript files, you simply place all of your javascript in one file.

The second aspect on minifying involves deleting white space and making your files smaller. If you’re using WordPress, WP Minify is a great plugin that automatically does all of this for you.

Enable Keep-Alive

HTTP Keep Alive refers to the message that’s sent between the client machine and the webserver asking for permission to download a file. Enabling Keep Alive allows the client machine to download multiple files without repeatedly asking permission, which helps to save bandwidth.

To enable Keep-Alive, simply copy and paste the code below into your .htaccess file.

<ifModule mod_headers.c>
Header set Connection keep-alive
</ifModule>

Reducing Your redirects

While 301 (permanent) redirects are preferable to 404 errors (broken links), they’re still not ideal as they slow down the time it takes for the browser to reach the correct version of a page.

Screaming Frog is once again a great tool for spotting 301 redirects. If you’re using a PC, you can also use Xenu Link Sleuth, which is a great tool for crawling data from websites.

Turn off pingbacks

Pingbacks and trackbacks don’t really serve any practical use in WordPress, and yet they’re often enabled by default. I’d recommend turning both of these off as they do clog up your database and increase the number of requests that are made.

To disable pingbacks on every post you publish, go to Manage → Settings → Discussion and toggle off the option “Allow link notifications from other blogs (pingbacks and trackbacks).”

Disable ping backs

Convert your mobile website to faster formats

There are two website and web page formats that have been introduced to help us better deal with slow-loading times on mobile. Both have been covered extensively on this blog, so I don’t want to spend too much time talking about them here. However, I do want to quickly summarize why it might be beneficial to move your mobile site over to one (or both) of these formats:

AMP: AMP is short for “Accelerated Mobile Pages”. There are a number of things that make this page format fast:

  • It relies mostly on lightweight HTML.
  • It uses lazy loading.
  • The page content is cached in Google Cloud.

While you can use this for any website, it’s especially great for digital publications and blogs that want to provide speedy reading experiences. Also, it’s easy to implement — all you need is a WordPress plugin to convert your pages.

PWA: PWA is short for “Progressive Web App”. It takes the best of the mobile web (i.e. searchability and convenience) and combines it with the mobile app (i.e. more mobile-friendly design as well as telephony features). It’s also much faster than a traditional mobile website.

Another thing to note is that PWAs can be accessed offline just like mobile apps, which makes this a great option if your website is targeting people who live in low- or no-coverage zones.

Because a PWA puts a website into an app-like shell, there’s no picking and choosing which pages of your site to convert. Build (or convert your site) as a PWA if you want to create a much better and faster experience from start to finish.

While there are some WordPress plugins that can help turn your website into a sort of PWA, you’d be better off coding this one from scratch.

That’s all now again to Think With Google’s Test your mobile speed page and enter your URL to scan your site, what is your score now?

Again It’s important to regularly revisit your mobile website to make sure it’s running as fast as possible.

Also read:

[vc_row][vc_column]

[/vc_column][/vc_row][vc_row][vc_column][/vc_column][/vc_row]

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More