https:\/\/example.com\/image*<\/pre>How to Set Up Cloudflare Page Rules<\/h2> The following sections will show you how to set up Cloudflare Page Rules.<\/p>
\n
\n
\n \n <\/svg>\n \n Learn More About Cloudflare <\/p>\n <\/div>\n
What Is a CDN?<\/a> How to Set Up a CDN: Tips to Improve Website Performance<\/a> How to Set Up Cloudflare CDN on WordPress<\/a><\/p>\n <\/div>\n \n\n\n\n<\/p>How to Create a Page Rule in Cloudflare<\/h3> Here’s how to create a rule in Cloudflare:<\/p>
\n
\n
\n \n <\/svg>\n \n Pro Tip <\/p>\n <\/div>\n
Ensure to list the page rules from the most to the least specific.<\/p>\n <\/div>\n \n\n\n\n<\/p>
\nLog in to your Cloudflare dashboard<\/strong> and choose a domain.<\/li>\n<\/ol>\nSelect the Rules<\/strong> menu.<\/li>\n<\/ol>\nClick Create Page Rule<\/strong>.<\/li>\n<\/ol>\nOn the If the URL matches<\/strong> tab, insert the URL or URL pattern that should match the page rule.<\/li>\n<\/ol>\nUnder Then the settings are<\/strong> tab, pick an option and choose the status code<\/strong> by selecting the down arrows in each box. In this example, we’re using Forwarding URL<\/strong> and 301 – Permanent Redirect<\/strong>.<\/li>\n<\/ol>\nType the destination URL<\/strong>.<\/li>\n<\/ol>\nSave the changes. For this example, we’re choosing the second option.<\/li>\n<\/ol>\nSave as Draft <\/strong>to save the settings.<\/li>\n\n\n\nSave and Deploy Page Rule<\/strong> to save and apply it immediately.<\/li>\n<\/ul>
\n
\n
\n \n <\/svg>\n \n Pro Tip <\/p>\n <\/div>\n
Cloudflare doesn't accept non-ASCII characters in Page Rules. Try to URL-encode the string using a Punycode converter.<\/p>\n <\/div>\n \n\n\n\n<\/p>
How to Edit Cloudflare Page Rules<\/h3> Follow these instructions to edit a page rule in Cloudflare:<\/p>
\nChoose the page rule that you want to edit.<\/li>\n<\/ol>\nTo enable or disable it, toggle the On<\/strong> and Off<\/strong> buttons.<\/li>\n<\/ol>\nSelect the Edit<\/strong> button to change the URL or URL pattern, settings, and order.<\/li>\n<\/ol>\nTo delete a rule, click the Delete<\/strong> button and choose Delete<\/strong> on the pop-up window.<\/li>\n<\/ol>
\n
\n
\n \n <\/svg>\n \n Pro Tip <\/p>\n <\/div>\n
When a page rule is disabled, it won't trigger actions, but it will still appear in the Page Rules tab. The rule is editable and counts towards the number of rules allowed for the domain.<\/p>\n <\/div>\n \n\n\n\n<\/p>
Common Cloudflare Page Rules to Consider<\/h2> There are hundreds of rules you can create for your website, but here are the 13 essential ones.<\/p>
301\/302 Forward URL<\/h3> Use the Forwarding URL<\/strong> setting to direct visitors to a specific page or define the root as your domain’s canonical version. You can choose either the HTTP 301 Permanent Redirect or HTTP 302 Temporary Redirect. The asterisk (*<\/strong>) creates dynamic patterns that ensure every variation will be redirected to the destination URL.<\/p>In addition, reference a matched wildcard using the $X syntax<\/strong>, where X<\/strong> means the index of a glob pattern<\/a>. Hence, $1<\/strong> refers to the first wildcard match, and so on.<\/p>For example, to redirect visitors from a specific page to the root domain, enter these settings:<\/p>
\nIf the URL matches: *www.example.com\/home<\/strong><\/li>\n\n\n\nSetting: Forwarding URL<\/strong><\/li>\n\n\n\nSelect status code: 301 Permanent Redirect<\/strong><\/li>\n\n\n\nEnter destination URL: https:\/\/www.example.com\/<\/strong><\/li>\n<\/ul>On the other hand, to redirect visitors to a specific web page, use the following settings:<\/p>
\nIf the URL matches: *www.example.com\/tw*<\/strong><\/li>\n\n\n\nSetting: Forwarding URL<\/strong><\/li>\n\n\n\nSelect status code: 302 Temporary Redirect<\/strong><\/li>\n\n\n\nEnter destination URL: https:\/\/www.twitter.com\/username<\/strong><\/li>\n<\/ul>
\n
\n
\n \n <\/svg>\n \n Pro Tip <\/p>\n <\/div>\n
Avoid redirecting your domain to itself as the destination, as it can cause an infinite redirect error.<\/p>\n <\/div>\n \n\n\n\n<\/p>
Forward to “WWW”<\/h3> Choose URL forwarding to redirect a domain’s pages and subdomains to www. For instance:<\/p>
\nIf the URL matches: example.com\/*<\/strong><\/li>\n\n\n\nSetting: Forwarding URL<\/strong><\/li>\n\n\n\nSelect status code: 301 Permanent Redirect<\/strong><\/li>\n\n\n\nEnter destination URL: https:\/\/www.example.com\/$1<\/strong><\/li>\n<\/ul>Always Use HTTPS<\/h3> This page rule forces visitors to use an HTTPS connection when visiting the website. Adding * to the URL ensures that Cloudflare will redirect all access made via HTTP to HTTPS.<\/p>
To create the page rule, use the following setup:<\/p>
\nIf the URL matches: http:\/\/*example.com\/*<\/strong><\/li>\n\n\n\nSetting: Always Use HTTPS<\/strong><\/li>\n<\/ul>If your website doesn’t have SSL installed, enable the Cloudflare Opportunistic Encryption<\/strong> feature. With it, visitors can access the site over an encrypted TLS channel. However, keep in mind this setting can’t replace SSL.<\/p>Add the following rule and turn it on:<\/p>
\nIf the URL matches: http:\/\/*example.com\/*<\/strong><\/li>\n\n\n\nSetting: Opportunistic Encryption<\/strong><\/li>\n<\/ul>If you are a Hostinger user, note that all our hosting plans<\/a> include unlimited SSL certificates.<\/p>Security Level & Cache Level<\/h3> Some website pages, such as the user or admin dashboard, have different performance and security requirements than public sections. Using a page rule, you can adjust protection and cache configurations, especially for requests targeting specific paths.<\/p>
To use the Security Level<\/strong> & Cache Level<\/strong> settings, enter:<\/p>\nIf the URL matches: example.com\/client-page*<\/strong><\/li>\n\n\n\nSetting: Security Level<\/strong><\/li>\n\n\n\nValue: High<\/strong><\/li>\n<\/ul>Depending on the threat score<\/a>, visitors will encounter a challenge page requiring them to click the I’m not a robot<\/strong> box.<\/p>Enabling Origin Cache Control<\/strong>, Cloudflare will examine whether the file is cacheable. To do this, add another option to the same page rule and turn it on:<\/p>\nSetting: Origin Cache Control<\/strong><\/li>\n<\/ul>Alternatively, instruct Cloudflare to bypass cache using the Cache Level<\/strong> setting:<\/p>\nSetting: Cache Level<\/strong><\/li>\n\n\n\nValue: Bypass<\/strong><\/li>\n<\/ul>Disabling active Cloudflare apps and performance tools prevents software conflicts within the admin page. Insert the following rule and turn it on:<\/p>
\nSetting: Disable Apps<\/strong><\/li>\n<\/ul>Disallow Cloudflare features like Auto Minify, Rocket Loader, Mirage, and Polish by activating this setting:<\/p>
\nSetting: Disable Performance<\/strong><\/li>\n<\/ul>Instruct Cloudflare to scan the visitor’s browser for HTTP headers commonly associated with bots and spammers by turning on this option:<\/p>
\nSetting: Browser Integrity Check<\/strong><\/li>\n<\/ul>Edge Cache TTL and Browser Cache TTL<\/h3> Since some resources on your site don’t change constantly, enabling custom caching options can reduce the load and bandwidth usage for the origin server. It also overrides the default cache behavior for static files.<\/p>
Set up a Browser Cache TTL<\/strong> rule to control how long the cache remains valid. In this example, we target the media folder and set the value to a day<\/strong>:<\/p>\nIf the URL matches: example.com\/sites\/content\/media<\/strong><\/li>\n\n\n\nSetting: Browser Cache TTL<\/strong><\/li>\n\n\n\nValue: a day<\/strong><\/li>\n<\/ul>As for Cache Level<\/strong>, apply the Cache Everything<\/strong> option to consider all content as static and store all file types. Unless Edge Cache TTL<\/strong> is enabled, it also respects cache headers from the origin server. When you combine both, Cloudflare deletes cookies from the origin web server response.<\/p>To enable it, add the following setting to the same page rule:<\/p>
\nSetting: Cache Level<\/strong><\/li>\n\n\n\nValue: Cache Everything<\/strong><\/li>\n<\/ul>Edge Cache TTL<\/strong> refers to the cache duration in the Cloudflare edge network. This rule is invisible in the response headers. However, the minimum Edge Cache TTL<\/strong> value depends on the Cloudflare plan. For instance, if you have a free Cloudflare account, the value options start from 2 hours.<\/p>For this example, we set the duration to seven days:<\/p>
\nSetting: Edge Cache TTL<\/strong><\/li>\n\n\n\nValue: 7 days<\/strong><\/li>\n<\/ul>Cache Everything<\/h3> If your web pages rely on static content, set the Cloudflare Cache Level<\/strong> to Cache Everything<\/strong>. This ensures the fundamental elements, including HTML and JSON data, are cached. In this example, we will activate it for a Refund Policy page:<\/p>
![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2022\/11\/eBook-Speed-Up-your-website.png\/w=1024,h=1024,fit=scale-down\")
<\/a><\/figure>