Using the Universal Version (Wordpress or Non-WordPress)

Using the Universal Version

No matter if your website is using WordPress, Weebly, SquareSpace or completly custom built, we have you covered with Real-Time Image Optimization.

Step 1

It's as simple as linking your website according to the Quick Start Guide, and selecting the Universal JavaScript option to generate your unique script.

Step 2

Copy the generated code snippet and paste it before the tag on your website.

It's simply copy and pasting, no coding or developer required; however if you ever have questions about this, simply reach out via chat support and we'll be happy to help!

Step 3

That's it... once pasted you're all set with real-time image optimization and can remote manage the optimization settings from the Management Portal!

Advanced Scenarios

Setting up a Custom CDN CNAME

Simply point a CNAME from your hosting or DNS management panel towards your zapwp.com hostname.

In the example above you'd point cdn.mysite.com to 42b2d6.zapwp.com and replace the url src in your script to this will allow for your domain to serve images from cdn.mysite.com using the power of WP Compress Real-Time Image Optimization!

Images not loading from CDN or duplicate loading of images

In order for us to intercept the images before they load, your images must have a data-src tag, rather than a src tag. This is due to browser prioritizations. While most sites use data-src by default for best practice with lazy loading, you'll need to change from src to data-src.

If you have specific questions on this please reach out and we'll be happy to help!

If you're looking for local optimization on a Non-WordPress site you may use our standalone version.

Updated on: 05/23/2022

Was this article helpful?

Thank you!