kawax

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

Enable Visual Mode in CloudFront

Angelo Mandato

Painless Analytics

Welcome to FrontPup, your CloudFront companion.
FrontPup allows you to maximize your WordPress website using the AWS CloudFront Content Delivery Network (CDN).
<h3>REQUIREMENTS</h3>
You must be using the Amazon Web Services (AWS) <a href="https://aws.amazon.com/cloudfront/" rel="nofollow ugc">CloudFront</a> service to utilize this plugin.
<h3>FrontPup Features</h3>
<ul>
<li>Non-intrusive Clear Cache (new) admin bar menu option, now you can clear the cache in any view without impacting other work.</li>
<li>Clear CloudFront Cache (creates an Invalidation request)</li>
<li>Set no-cache headers for all pages (great for development or testing)</li>
<li>Set public and private Cache-Control headers for caching in CloudFront and Browsers</li>
<li>Set separate max-age (browser) and s-maxage (CloudFront) cache duration values</li>
</ul>
<h3>Non-intrusive Clear Cache (new)</h3>
The Non-intrusive Clear Cache admin bar menu option can clear your cache in any view without causing any disruption to your work. The Clear CloudFront Cache option is found under the “FrontPup” menu. Requests are performed behind the scenes. The returned status is added to the menu bar as an italics message in the menu. Feedback is reported with the icon to the left of the FrontPup menu option.
<h3>Turbocharge your WordPress Website with CloudFront</h3>
Using Amazon CloudFront in front of your WordPress website offers significant benefits by improving performance, security, and scalability. CloudFront is a Delivery Network (CDN) with over 750+ Points of Presence (PoPs) around the world plus over 1,100 PoPs within ISP networks. This highly optimized network makes it extremely efficient at delivering your website to your visitors anywhere around the world. “PoP” locations are designed to reduce latency by caching content closer to your site’s visitors.
Performance
<ul>
<li>Faster Loading Times, static content (pages, images, CSS, JavaScript) is cached at “edge locations” around the world</li>
<li>Improved User Experience, Faster load times lead to higher user engagement, reduced bounce rates, and improved search engine optimization (SEO) rankings</li>
<li>Reduced Server Load, by serving cached content from edge locations, CloudFront minimizes requests to your WordPress website</li>
</ul>
When your website is optimized for performance your <a href="https://pagespeed.web.dev/" rel="nofollow ugc">PageSpeed Lighthouse scores</a> should improve.
Enhanced Security
<ul>
<li>DDoS Protection, includes AWS Shield Standard</li>
<li>SSL/TLS Security, force https only and includes free SSL Certificates</li>
<li>AWS WAF, a Web Application Firewall with a depth of options including specific WordPress protections (may incur additional costs)</li>
</ul>
You should achieve a grade of “A” on <a href="https://www.ssllabs.com/ssltest/" rel="nofollow ugc">Qualys SSL Server Test</a> when CloudFront is configured with the recommended TLSv1.2_2021 or newer security policy.
Scalability and Reliability
<ul>
<li>Global Reach with over 750 PoPs plus over 1,100 PoPs within ISP networks</li>
<li>High Availability, can serve cached content when site is down</li>
<li>Cost Efficiency, can be cost-effective, especially for websites with high traffic with the new <a href="https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/flat-rate-pricing-plan.html" rel="nofollow ugc">CloudFront flat-rate pricing plans</a></li>
</ul>
Technology
<ul>
<li>IPv6, a superior protocol to IPv4 and in some regions of the world is the only protocol that is available</li>
<li>HTTP/2 and HTTP/3 improve web performance through faster loading speeds, enhanced security, and better resource handling</li>
<li>Gzip and Brotli compression, smaller file sizes improve application performance by delivering your content faster to visitors</li>
<li>Multi-Proxy, route specific path patterns to other web applications easily by adding additional “Origins”, allowing you to host more than just WordPress with the same hostname</li>
</ul>
Learn more about <a href="https://aws.amazon.com/cloudfront/" rel="nofollow ugc">AWS CloudFront</a>.
<h3>Developed by an AWS Community Builder</h3>
FrontPup is developed and maintained by <a href="https://angelo.mandato.com" rel="nofollow ugc">Angelo Mandato</a>, an <a href="https://builder.aws.com/community/@angelomandato" rel="nofollow ugc">AWS Community Builder</a>. Angelo has been developing WordPress plugins and themes since 2005 and has been architecting applications including WordPress hosted on Amazon Web Services since 2007.

FrontPup

Your AWS CloudFront companion. Clear cache and optimize your CloudFront distribution for your WordPress website

Enable Visual Mode in CloudFront vs FrontPup