Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
February 25, 2020 11:59 am

WordPress Image Optimization Made Easy With WP Compress

WP Compress faster loading images

Agencies that build and host dynamic, high-volume, high-traffic WordPress websites are tasked with delivering fast loading speeds for their clients.

Their clients might be eCommerce websites, community websites, or membership websites with:

  • massive amounts of images that keep changing
  • many concurrent visitors
  • many simultaneous transactions

All these images can be hard to maintain and can significantly slow down the loading of the website. For clients, though, faster loading speeds mean credibility.

Fast-loading sites keep customers satisfied, supporting conversions and sales. A fast, responsive site will reduce the number of abandoned shopping carts and, perhaps most importantly, lead to higher search engine rankings.

But images use a lot of bandwidth, which in turn slows down webpage loading speeds. Research has shown that:

  • 65% of a webpage weight is composed of images.
  • 47% of users move on if a website takes more than 3 seconds to load.

Here is the hard truth: images are an indispensable part of your content, but they can hurt website performance if you're not careful.

The Solution: Image Optimization Plugins

Image optimization used to take a long time, but not anymore.WordPress image optimization pluginsoptimize your images by automatically compressing your images and using smaller versions for your website. They maintain the original quality of the image and deliver the image in the right format, resolution, dimensions, and size.

What to Look for When Choosing Image Optimization Plugins

Here are some questions and prompts to keep in mind while selecting an image optimization plugin.

Image Compression

A good image optimization plugin will compress your images to reduce the file size. A superior image optimizer does it live, on the fly, when visitors are on the page.

  • Does it offer compression while preserving the quality of the images?
  • Can you determine your own optimization settings?
  • Can you set your own compression levels?
  • How does it prevent over-compression?
  • Does it save original image files?
  • Can it do compression on autopilot?
  • Does it offer WebP files?

Performance and Back-End

An optimization plugin is only as good as the performance gains it delivers!

  • Does it offer cloud storage services?
  • Does it work with a reputable CDN?
  • How much website space does it save you?
  • Does it vastly improve image loading speed and website loading times?

Quality

You want to be sure that compression and optimization won't ruin the quality of your images.

  • Does it compress a high percentage of the image size?
  • What kind of file size is left afterwards?
  • Does it save original files in the cloud?

Management

Consider the admin interface of your optimization plugin—an easy-to-use plugin will be used more and so will work better.

  • Does it offer features like a centralized dashboard to manage the client’s websites?
  • Does it offer personalized monthly reports?

WP Compress Image Optimization

WP Compressfulfills all these requirements for an excellent image optimization plugin.

WP Compress load faster convert better rank higher

What Is WP Compress?

WP Compress is an image optimization plugin for WordPress. There are two versions of WP Compress:

Local Version: Performs compression locally, optimizes images locally, and saves on website storage space on the local server.

Live Version(the main version): Compression is done live, with up to 333x faster image load speeds of up to 7 milliseconds!

Once a visitor is on the page, it is automatically optimized on the fly, loading fast for existing visitors and new visitors. This means higher conversion rates and lower bounce rates, with fast speeds helping keep users on the page.

Using a top-rated CDN in the background, WP Compress makes websites available to users at lightning-fast speeds.

WP Compress is focused on the needs of agencies that build and host websites.A single WP Compress account can be used on unlimited websites.

Live compression means every time a new visitor comes to the website, it is instantly optimized and made available to them in up to 7 milliseconds, even when there are already other visitors on the website.

Under the Hood of WP Compress

WP Compress consists of the following components:

  1. plugin component that can be downloaded on all the websites your agency manages
  2. cloud storage service for original images
  3. centralized management portalwhere you can configure the optimization of all websites your agency manages

WP Compress Features

Incredible image optimizations paired with the following advanced features will give you 333x faster image loading speeds.

Cloud Processing

All your images are securely compressed, resized, and saved in the cloud so as not to use up your local server resources, while saving on storage space and ensuring faster loading speeds. Only optimized images are loaded on your server.

Adaptive Images

Adaptive images are responsive images that are properly sized to be viewed on different kinds of devices. WP Compress generates and loads these images based on the actual devices they will be viewed on. This, combined with adaptive images and automated WebP delivery, is a combination that results in up to 333x faster image loading speeds of 7 milliseconds, with especially noticeable effects on mobile devices.

WebP

You can generate WebP images for each of your optimized images. Just toggle Generate WebP image, and it will be created and served to web browsers that support the WebP format.

Lazy Loading

Lazy loading ensures that only pictures that are currently visible on the user device are loaded. This saves bandwidth for users and is one of the many methods that WP Compress uses to bring websites to users at lightning-fast speeds.

Automatic Resizing

Once images have been compressed, they are automatically resized.

Intelligent Compression

The WP Compress algorithm is designed to prevent over-compression in order to maintain the original quality of the image.

Unlimited Cloud Backups

Backups of original images are always safe (and offloaded to the cloud to save server space).

Top-Rated CDN

Customers will be able to access client websites anywhere in the world in seconds. Whether they're in Brazil, Oslo, Madrid, or Johannesburg, they will all have the same loading speeds.

Say your client is based in New York, and their customer is based in Rio de Janeiro. Their customer will access the website content not from a server in New York but from a cloud server in their own city.

To make this happen, WP Compress uses a highly reputable global content delivery network, meaning that the pages and images are accessed from the cloud server closest to the location of the customer.

Agency Features

A lot of thought has gone into how hosting management works. And sinceWP Compress is made with agencies in mind, it comes equipped with tools that enable you to easily manage multiple websites.

Centralized Management

You can remotely manage all websites from a central portal to configure settings, bulk compress, and view reports.

Monthly Quotas

The agency can assign monthly quotas to each client’s website based on hosting plans they already have.

Custom Branded Reporting

You can generate and send detailed reports for each website account, such as a web report, email report, or PDF report. Also, you can put your own logo on the report.

Hide From WordPress

You can fully hide WP Compress from your clients’ websites and take credit for lightning-fast load times.

How to Get Started With WP Compress

Using WP Compress is completely effortless once it's set up. Just paste in your API keys to activate, hit start, and optimization is always done automatically. You don't need to lift a finger.

Now I will show you how to set up and use WP Compress.

1. Register for a WP Compress Account

Go to the portal, sign up, and you will be sent a confirmation email. After you've confirmed your email, you will be asked to log in, and you’ll be taken to your dashboard.

The WP Compress dashboard

2. Add a New Website

Click Add a Website and you will be taken to this screen. You need to have a WordPress website for you to link to WP Compress. You also need to select a maintenance plan.

(Note that a free WordPress.com account will not work with WP Compress because it doesn't allow plugin downloads.)

WP Compress Select Maintenance Plan

3. Install the Plugin

ClickDownload Plugin to download the WP Compress plugin. Go to your WordPress site and upload and install the plugin. (See ourcomplete guide to installing plugins for help with this step.) Alternatively, you can find andinstall the WP Compress plugin from the built-in plugin search engine in your WordPress admin pages.

4. Get Your API Keys

When you click Next Step, you will be assigned API keys. Copy this key to the clipboard—you'll need to paste it into the WP Compress admin page on your WordPress site.

Get your WPCompress API keys

5. Connect Your WordPress Site to WP Compress

Now you can link the WP Compress plugin on your WordPress site to the WP Compress management portal. Simply select WP Compress from the admin menu andpaste your API keys to connect, and then press Start.

WP Compress Activate Start

6. That's It!

From now on, your
images will be automatically optimized when viewed by visitors coming
into your website and will be delivered at lightning speed from a global CDN.

WP Compress Youre all set

Using the Local Version of WP Compress

If you prefer to use the local version, which optimizes on your local server, here's a screenshot of the image optimization settings you can choose from:

Image optimization settings

I'll explain some of these settings below.

Optimization Level

When compressing images, you can choose from three optimization settings:

  • Lossless: There will be no loss of image quality, but only limited compression.
  • Intelligent: This is the recommended setting—a balance between quality and compression.
  • Ultra: Choose this setting if you want images to be compressed into tiny sizes and don't mind a significant reduction in quality.

Resize Image

Assign a maximum size for images. Any images larger than this will be shrunk to fit.

Autopilot Mode

If you don’t want to manually compress every time new images are loaded, turn on autopilot mode and let WP Compress look after detecting and compressing new images. However, if you want to compress images manually, you can turn off autopilot mode and handle compression of each image individually from the Media Library.

Compressing images from the Media Library

Here's what you'll see in the Media Library for images that have been successfully compressed:

Compressed images in the Media Library

Compression Reports

WP Compress offers some reports to make it easy to see the benefit that your clients are getting from image optimization and compression. Let’s take a look at the report below.

WPCompress report

This shows that WP Compress is achieving a high compression rate—reducing images to about 10% of their original size.

Note: You do have the option to choose delivery of your website content from a CDN.

Reports for Clients

As an agency, you can generate and send detailed reports for each website account. This can be a web report, email report, or PDF report. Also, you can put your own logo on the report.

Send a monthly email report to clients

Conclusion and Next Steps

After testing WP Compress, I can conclude that it delivers on its promises. It is very easy to install and simple to use. Once I installed it, everything was done automatically and effortlessly.

For the live version, I created a website and loaded it with images. It significantly reduced my image files down to 10% of their original sizes. Talk about website weight loss! The images also maintained their original quality.

The same applied for the local version. You
still save upwards of 75% disk space on your local server, and your newly
light pages will load up to 4x faster.

I highly recommend the agency features like monthly quotas because they fit with clients' website care plans. You don't need to revamp how your services are structured.

Finally, you should consider adding WP Compress to the package of services you offer to clients.

You can learn more about WP Compress on the plugin's website


Original Link: https://code.tutsplus.com/articles/wpcompress-tutorial--cms-34010

Share this article:    Share on Facebook
View Full Article

TutsPlus - Code

Tuts+ is a site aimed at web developers and designers offering tutorials and articles on technologies, skills and techniques to improve how you design and build websites.

More About this Source Visit TutsPlus - Code