What does OptiPic CDN do when trying to request an image from it:
Returns the WebP version of the image. if the browser supports WebP format
Returns a compressed version without webp if the browser does not support WebP
Makes responsive to mobile screens if the image is opened from a mobile
Caches and speeds up loading reducing the load from your hosting
Protects your images preserving copyright by EXIF and IPTC tags
Use your own domain name to load images from img.domain.com, etc
Lazy load images Images load as you scroll through the pages
Convertation to Webp and image compression occurs in the background and does not slow down the opening of images on the browser. If the optimized version is not yet ready at the time of the image request, the original version is returned without any processing.
Copy the ID of the created website to the clipboard (Ctrl + C)
Step #4: Paste the site ID into the plugin MODx WebP
Go to the settings page of the previously installed plugin on your site.
Paste the copied site ID into the corresponding settings field.
Step #5: Save your settings
Save plugin settings. Clear the cache in the control panel MODx.
Change other plugin settings if necessary
Description of module settings
Site ID in your personal account CDN OptiPic
You can find out your website ID in your CDN OptiPic personal account. Add your site to your account if you have not already done so.
To turn off auto-fidelity, just clear the site ID.
Domain list (if images are loaded via absolute URL)
Each on a new line and without specifying the protocol (http/https).
Examples:
mydomain.com
www.mydomain.com
Site pages that do not include auto-replace
Each on a new line and must start with a slash (/)
Replace only URLs of images starting with a mask
Each on a new line and must start with a slash (/)
Examples:
/upload/
/upload/test.jpeg
List of 'srcset' attributes
List of tag attributes, in which you need to replace srcset-markup of images What is srcset?
Examples:
srcset
data-srcset
CDN domain
Domain through which CDN OptiPic will work. You can use your subdomain (img.yourdomain.com, optipic.yourdomain.com, etc.) instead of the standard cdn.optipic.io. To connect your subdomain, contact OptiPic technical support.
What gets optimization of images on the site
Speeding up the site
Improving SEO
Increasing of conversion
Increasing of Google Pagespeed Insights
Why is it worth using WebP for MODx?
Using Webp solves the "Serve images in next-gen formats" issue in Google Pagespeed Insights.
In short, WebP compresses the file better, all other things being equal, than older formats (png and jpeg) - which means it takes up less space on the hosting and loads faster in the browser when viewing the page.
The implementation of WebP is actively promoted by Google - they provide such statistics:
WebP compresses images losslessly 26% better than PNG.
WebP compresses lossy images better than JPEG by 25-34% with the same structural similarity index (SSIM)
WebP supports lossless transparency (known as alpha) with a size increase of only 22%.
If the visitor’s browser does not support WebP, then the CDN will return the old format (png / jpeg), but compressed (optimized for the Web)
What is image compression
Image optimization is special processing of a graphic file in order to minimize its size without loss of visual quality.
To carry out this procedure, there are a large number of fairly complex algorithms. However, they are all based on the same basis - all the service data there (for example, the name of the program that stores the file, etc.) must be removed from the graphic file, and also, using special programs, merge / smooth similar colors.
As a result, we get the same image, which visually has not changed. However, the volume (weight) of this file in bytes will be much less than the original. If this processing is carried out correctly, the image file can be reduced to 98% without losing image quality.
This means that the pictures on the pages of the site will be loaded many times faster after the optimization.
What will optimize images for your site
Save disk space.
Speed up page loading.
Minimum server load.
Increase conversion.
Better site ranking for search results.
It has been proven that website acceleration can improve behavioral factors, as well as increase website conversion (increase sales). The longer the page of the site loads, the fewer customers will be able to perform certain target actions there. If your site on the Internet will not work fast enough, you have every chance to miss your potential income. Acceleration of the online resource will provide an opportunity to improve the conversion and due to this significantly increase revenue and attract more customers.
OptiPic Benefits
There are no monthly payments.
Full Automation.
Free connection assistance.
To connect and use the service, you do not need to have special skills in programming or administration.
There are no restrictions on image size in the system.
Friendly technical support.
How can optimizing images for MODx speed up a site?
A page of any site most often consists of:
images;
html-code (text content, layout, markup);
video;
javascript scripts with logic running from the browser;
css files with page styles.
Such an item as an image occupies most of the entire volume on the site’s pages and is the “heaviest” part of the pages.
Reduction (optimization) of images will undoubtedly significantly make it faster to download any online resource.
Accordingly, if you change (down) the size of the images, all pages of the site will start loading much faster.
Compressing the images on the site will make it possible to reduce their volume to 75-98%, without losing their visual quality.
Get started now with the FREE package
Quality guarantee (Refund Policy)
If you are not satisfied with your purchase, you can contact us within 30 days from the date of purchase. If there are grounds for this, we will refund the full or partial cost of your purchase.
One-time payment — no monthly fees
The purchased package does not burn out at the end of the month - it is advantageous to purchase it several months in advance
You pay for views from CDN images. The total cost of use depends on the amount of traffic to your site. On average, this is from $1.5 per 1,000,000 image views. The first demo of 100,000 views is free.
Please note that it would be nice to have more stock on the account, so that new images will be automatically compressed, which will be added later on the site.
Absolutely transparent pricing CDN OptiPic
You pay for the optimization of only those images that are viewed by visitors to your site.
For viewing each image, 1 view is deducted from your account.
Write-off from the balance sheet takes place once a day (for the previous day).
As a result, the cost of using CDN depends on the number of images viewed.
On average, for an online store with a monthly attendance of 300,000 views (requests) per month, about 5 million image views (requests) per month are released.
Of course, this figure is individual for each site - it depends on which pages your site visitors visit more, how many images on each page of your site, etc.