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.
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