PicPerf is a service for automatically optimizing, reformating, and aggressively caching your website's images just by prefixing the URLs you're already using. This WordPress plugin will take care of that part too, making it even easier to upgrade your image performance.
- Create an account.
In order to benefit from this plugin, you'll need to first sign up for a plan at picperf.io. You'll automatically be given a 14-day free trial (no card required), but in order keep your images optimized beyond that, upgrade to a regular plan.
- Add your domain.
Add your website's domain inside the PicPerf dashboard. If your WordPress site runs on a different domain from your public website, please add both domains.
After you've created an account and added your domain, all you need to do is install the plugin and activate it. You're set!
This plugin will automatically prefix every URL found in an image tag with the PicPerf host, allowing it to be optimized, reformatted, and globally cached. By default, it'll impact every image that's rendered in the final HTML output of your page.
If you'd like to disable universal URL transformations, you can set the PICPERF_TRANSFORMATION_SCOPE constant in your wp-config.php file to null. Setting it to CONTENT will cause only images rendered via the the_content filter to be transformed. For example:
// Transform all images (default).
define('PICPERF_TRANSFORMATION_SCOPE', 'ALL');
// Only transform `the_content` images.
define('PICPERF_TRANSFORMATION_SCOPE', 'CONTENT');
// Transform no images.
define('PICPERF_TRANSFORMATION_SCOPE', null);When a sitemap_path query parameter is set on an image, PicPerf will automatically include it in an image sitemap generated for you. By default, no images are included in the sitemap. However, you can enable this by setting the PICPERF_ADD_SITEMAP_PATH constant.
You
<?php
// Include no images in sitemap (default).
define('PICPERF_ADD_SITEMAP_PATH', null);
// Only add `the_content` images to sitemap.
define('PICPERF_ADD_SITEMAP_PATH', 'CONTENT');
// Add all image so sitemap.
define('PICPERF_ADD_SITEMAP_PATH', 'ALL');By default, this plugin will register an image sitemap for your site at https://ur-site.com/picperf/sitemap and add a <link> tag to the <head> of your pages.
All this endpoint does is proxy the auto-generated sitemap provided at https://picperf.io/sitemap/ur-site.com. The benefit is that search engines will be able to crawl and index it, since it'll be available through your domain (as set returned by the get_site_url() function).
If you'd like to disable this endpoint, set the PICPERF_DISABLE_SITEMAP to true.
<?php
define('PICPERF_DISABLE_SITEMAP', true);If you've disabled universal transformation and would like to manually handle images, you may use the PicPerf/transformUrl() function. It's available globally when the plugin is active:
$transformedUrl = PicPerf\transformUrl("https://example.com/my-image.jpg");
// https://picperf.io/https://example.com/my-image.jpgFor more information on PicPerf, dig into the documentation.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent