kawax

<p>When using WordPress in CloudFront, Visual mode can not be used.<br />
Because User-Agent is rewritten.</p>
<p>This plugin checks the CloudFront-Is-Desktop-Viewer header to use Visual mode.</p>


Enable Visual Mode in CloudFront

Kevin Burkholder

<p><em>{eac}SimpleCDN</em> is an <a href="https://eacDoojigger.earthasylum.com/" rel="nofollow ugc">{eac}Doojigger</a> extension which rewrites the URLs on your site’s front-end pages so that specific content is loaded from your Content Delivery Network rather than your WordPress server.</p>
<blockquote>
<p>What is a CDN?<br />
  A content delivery network, or content distribution network, is a geographically distributed network of proxy servers and their data centers. The goal is to provide high availability and performance by distributing the service spatially relative to end users. <a href="https://en.wikipedia.org/wiki/Content_delivery_network" rel="nofollow ugc">Wikipedia</a></p>
</blockquote>
<p>{eac}SimpleCDN is not a content delivery network. What it does is filter your web pages replacing local http addresses with the address of your CDN so that your site assets (images, scripts, etc.) are served from your CDN rather than directly from your web server.</p>
<p>You can specify what file types should be served from the CDN and add url string exclusions to prevent specific urls from being served from the CDN.</p>
<p>{eac}SimpleCDN works with Amazon CloudFront, KeyCDN, Akamai ION, RocketCDN, StackPath, Rackspace, Azure CDN<br />
and many other Content Delivery Networks as well as many cloud storage services such as Amazon S3 or Google Cloud Storage.</p>
<p>If you’re using CloudFront and you have the <a href="https://dev.earthasylum.net/eacsimpleaws/" rel="nofollow ugc">{eac}SimpleAWS</a> extension enabled, you can flush the CDN cache (invalidate the distribution) by providing your CloudFront distribution id.</p>
<p>If you’re using any other supported CDN, you can flush the CDN cache by providing your API credentials specific to the CDN you’re using.</p>
<p>Unsupported, or <em>Universal</em> CDNs will work just as well with {eac}SimpleCDN provided that the CDN will store and serve all cacheable site content in a directory structure matching your web server. The only difference is that the API to purge the CDN cache has not been implemented (yet).</p>
<p>If the CDN service does not automatically retrieve files from your origin server, you will need to upload all cacheable files from your web server to the CDN storage or use some other method to synchronize your files.</p>
<h4>Extra Options</h4>
<p>The extra options include:</p>
<ul>
<li><em>Additional Domains</em> treated as local domain(s), useful with multi-site and/or when your CDN has multiple origins.</li>
<li><em>Cacheable Downloads</em> additional file type(s) to be rewitten with the CDN host.</li>
<li><em>Page Inclusions</em> to only include specific page URIs based on string(s) in the URI.</li>
<li><em>URL Inclusions</em> to limit URLs on the page to be rewritten by string(s) in the URL.</li>
</ul>
<p>To enable the extra options, first enable the <em>SimpleCDN Menu</em> option, then select <em>Enable Extra Options</em> from the <em>SimpleCDN</em> menu.</p>
<h4>Network/Multisite</h4>
<p>On a multi-site server, when {eac}SimpleCDN is <em>network enabled</em>, the network administrator has the option to push settings to all individual sites. The individual site administrators have the option to pull settings from the network administrator.</p>
<h4>Available Methods</h4>
<pre><code>flush_cdn_cache() tells {eac}SimpleCDN to flush the cdn cache (if supported).
</code></pre>
<h4>Available Filters</h4>
<pre><code>SimpleCDN_page_enabled enable/disable use of cdn on current page.

SimpleCDN_file_types filter string of included file types (delimited by '|').

SimpleCDN_include_strings filter string of included strings (delimited by '|').

SimpleCDN_exclude_strings filter string of excluded strings (delimited by '|').
</code></pre>
<h4>Available Actions</h4>
<pre><code>SimpleCDN_flush_cache tells SimpleCDN to flush the cdn cache (if supported).

SimpleCDN_cache_flushed triggered when SimpleCDN has flushed the cdn cache.
</code></pre>
<p><strong>Universal CDNs</strong></p>
<p>A <em>Universal</em> CDN is a CDN not fully supported by {eac}SimpleCDN and is treated universally. No additional options, no purge API is included.</p>
<p>With your custom code and the following filters, additional options and purging may be added.</p>
<pre><code>SimpleCDN_add_settings add additional option fields to the settings page.

SimpleCDN_add_help add additional contextual help.

SimpleCDN_purge_cdn_cache adds support for and custom method to flush (purge) the CDN cache.
</code></pre>
<p>This is a special-use case for <em>Universal</em> CDNs where custom code can be added to both indicate that the cache can be purged and to provide the method for doing the purge. When this hook has an action, the “Purge” button and menu items are automatically added. The hook should be added on or before the <code>admin_init</code> action.</p>
<p>See the <a href="#examples" rel="nofollow ugc">examples</a> for more detail.</p>
<h4>HTTP Headers</h4>
<p>An http request may include a header to disable the CDN…</p>
<pre><code>x-Simple-CDN: off
</code></pre>
<p>{eac}SimpleCDN includes an http response header…</p>
<pre><code>x-Simple-CDN: on
</code></pre>
<h4>Important Notes</h4>
<ul>
<li>
<p><em>Time To First Byte (TTFB) may be slightly longer.</em> Your pages are not being served by your CDN and {eac}SimpleCDN captures and buffers the page, then rewrites the asset URLs in the page, before any content is delivered to the browser. Although {eac}SimpleCDN endevores to do this as quickly and efficiently as possible, doing it takes a little more time than not doing it.</p>
</li>
<li>
<p><em>Load time may be deceiving.</em> For example, my business network and my web server are in the same zone as the closest CDN edge server (maybe in the same datacenter). Checking load times with and without the CDN from my location produces negligible difference. However, the CDN produces significant load time reduction in more distant zones.</p>
</li>
</ul>
<h4>Results</h4>
<p>You can test your results here: <a href="https://pagespeed.web.dev/" rel="nofollow ugc">PageSpeed Insights</a></p>
</p>
<h3>Examples</h3>
<h4>All CDNs</h4>
<pre><code>// disable CDN use
\add_filter('SimpleCDN_page_enabled','__return_false');


// flush the cdn cache (if supported)
\do_action('SimpleCDN_flush_cache');
// or...
if ($cdn = $this->getExtension('Simple_CDN')) {
    $cdn->flush_cdn_cache();
}


// do action whenever the cdn cache is flushed
\add_action('SimpleCDN_cache_flushed', 'my_cdn_flushed', 10, 2);

/**
 * After purging the CDN cache
 *
 * @param   object      $cdn        provider object
 *          object      $cdn->parent    the SimpleCDN class object
 *          string      $cdn->endpoint  e.g. c2nnnn.r10.cf1.rackcdn.com/path
 *          string      $cdn->hostname  e.g. c2nnnn.r10.cf1.rackcdn.com
 *          string      $cdn->bucket    e.g. c2nnnn
 *          string      $cdn->host      e.g. r10.cf1.rackcdn.com
 *          string      $cdn->domain    e.g. rackcdn.com
 *          string      $cdn->provider  e.g. Rackspace
 * @param   string|bool $context    context ('purge_button'|'purge_menu') or false (non-interactive)
 */
function my_cdn_flushed($cdn,$context)
{
    $cdn->admin_success($context,"Success: The CDN purge is in progress");
}


// limit the file types being cached by the CDN
\add_filter('SimpleCDN_file_types', function($types)
    {
        return '.css|.jpeg|.jpg|.js|.png|.webp';
    }
);


// add plugins folder to excluded strings
\add_filter('SimpleCDN_exclude_strings', function($exclude)
    {
        return $exclude . '|/plugins/';
    }
);
</code></pre>
<h4>Universal CDNs</h4>
<pre><code>// add additional settings fields
\add_filter( 'SimpleCDN_add_settings', 'my_add_cdn_fields', 10, 2 );

/**
 * Add custom options/settings
 *
 * @param   array       $options    array()
 * @param   object      $cdn        provider object
 *          object      $cdn->parent    the SimpleCDN class object
 *          string      $cdn->endpoint  e.g. c2nnnn.r10.cf1.rackcdn.com/path
 *          string      $cdn->hostname  e.g. c2nnnn.r10.cf1.rackcdn.com
 *          string      $cdn->bucket    e.g. c2nnnn
 *          string      $cdn->host      e.g. r10.cf1.rackcdn.com
 *          string      $cdn->domain    e.g. rackcdn.com
 *          string      $cdn->provider  e.g. Rackspace
 */
function my_add_cdn_fields($options,$cdn)
{
    $options['simple_cdn_universal_key'] = array(
            'type'      =>  'text',
            'label'     =>  'API Key',
            'info'      =>  'Your '.$cdn->provider.' API key',
    );
    return $options;
}


// add custom code to flush/purge the CDN
\add_action( 'admin_init',  function()
{
    \add_action( 'SimpleCDN_purge_cdn_cache', 'my_purge_cdn_cache', 10, 2 );
});

/**
 * Purge the CDN cache (custom)
 *
 * @param   object      $cdn        provider object
 *          object      $cdn->parent    the SimpleCDN class object
 *          string      $cdn->endpoint  e.g. c2nnnn.r10.cf1.rackcdn.com/path
 *          string      $cdn->hostname  e.g. c2nnnn.r10.cf1.rackcdn.com
 *          string      $cdn->bucket    e.g. c2nnnn
 *          string      $cdn->host      e.g. r10.cf1.rackcdn.com
 *          string      $cdn->domain    e.g. rackcdn.com
 *          string      $cdn->provider  e.g. Rackspace
 * @param   string|bool $context    context ('purge_button'|'purge_menu') or false (non-interactive)
 */
function my_purge_cdn_cache($cdn,$context)
{
    if ($apiKey = $cdn->get_option('simple_cdn_universal_key'))
    {
        /* code to purge the cdn cache */
    }

    if (/* error condition */)
    {
        $cdn->admin_error($context,"Error: status {$status}, " . $message);
    }
    else
    {
        $cdn->admin_success($context,"Success: The CDN purge is in progress");
    }
}= Additional Information =
</code></pre>
<ul>
<li>{eac}SimpleCDN is an extension plugin to and requires installation and registration of <a href="https://eacDoojigger.earthasylum.com/" rel="nofollow ugc">{eac}Doojigger</a>.</li>
</ul>
<h3>Copyright</h3>
<h4>Copyright © 2023-2025, EarthAsylum Consulting, distributed under the terms of the GNU GPL.</h4>
<p>This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.</p>
<p>This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.</p>
<p>You should receive a copy of the GNU General Public License along with this program. If not, see <a href="https://www.gnu.org/licenses/" rel="nofollow ugc">https://www.gnu.org/licenses/</a>.</p>


{eac}Doojigger Simple CDN Extension for WordPress

{eac}SimpleCDN enables the use of Content Delivery Network assets on your WordPress site, significantly decreasing your page load times and improving  …

Enable Visual Mode in CloudFront vs {eac}Doojigger Simple CDN Extension for WordPress