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 </head> tag on your website.





- Guide for SquareSpace Head Tags
- Guide for Shopify Head Tags (Steps 1-3)
- Guide for WordPress Head Tags

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 <script type="text/javascript" src="https://cdn.mysite.com/generate_js:true"></script> 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