{"id":1766,"date":"2020-06-08T01:58:15","date_gmt":"2020-06-07T17:58:15","guid":{"rendered":"https:\/\/www.wesbytes.com\/guide\/?post_type=kb&#038;p=1766"},"modified":"2026-01-12T12:05:25","modified_gmt":"2026-01-12T04:05:25","slug":"how-to-enable-cdn-for-static-website","status":"publish","type":"kb","link":"https:\/\/www.servergigabit.com\/guide\/kb\/how-to-enable-cdn-for-static-website","title":{"rendered":"How to Enable CDN for Static Website"},"content":{"rendered":"<h4>Enable CDN for Static Website<\/h4>\n<p>After create the <a href=\"https:\/\/www.cloudflare.com\/learning\/cdn\/what-is-a-cdn\/\" rel=\"nofollow noopener\" target=\"_blank\">CDN<\/a> resources\u00a0, the CDN resources now is ready to use.<\/p>\n<p>If the website is a static website, there is 2 method to enable CDN.<\/p>\n<p>1) Replace the image url<\/p>\n<p>If previous website source code as below<\/p>\n<div class=\"prism-show-language\">\n<div class=\"prism-show-language-label\">HTML<\/div>\n<\/div>\n<pre class=\"line-numbers language-html\"><code class=\" language-html\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>img <span class=\"token attr-name\">src<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>http:\/\/URL\/images\/logos\/big.jpg<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">alt<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span><span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token punctuation\">\/&gt;<\/span><\/span>\r\n<span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>img <span class=\"token attr-name\">src<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>images\/logos\/big.jpg<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">alt<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span><span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token punctuation\">\/&gt;<\/span><\/span><\/code><\/pre>\n<p>It need to replace as below<\/p>\n<div class=\"prism-show-language\">\n<div class=\"prism-show-language-label\">HTML<\/div>\n<\/div>\n<pre class=\"line-numbers language-html\"><code class=\" language-html\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>img <span class=\"token attr-name\">src<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span><span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">alt<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span><span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token punctuation\">\/&gt;<\/span><\/span><\/code><\/pre>\n<p>2) If webserver do have Rewrite module enable, the rules as below could be apply<\/p>\n<div class=\"prism-show-language\">\n<div class=\"prism-show-language-label\">HTML<\/div>\n<\/div>\n<pre class=\"line-numbers language-html\"><code class=\" language-html\">RewriteEngine ON\r\nRewriteCond $1\t!^.swf$ [NC]\r\nRewriteCond $1\t\u201c\\.(jpe?g|gif|png|bmp|ico|js|css|pdf|docx?|xlsx?|ppt|rar|zip|tar|gz|tgz|bz2|flv|avi|mov|wmv|mp3|wav|xml|txt)$\u201d [NC]\r\nRewriteRule ^(.*)  [L,R]<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Enable CDN for Static Website After create the CDN resources\u00a0, the CDN resources now is ready to use. If the website is a static website, there is 2 method to enable CDN. 1) Replace the image url If previous website source code as below HTML &lt;img src=&#8221;http:\/\/URL\/images\/logos\/big.jpg&#8221; alt=&#8221;&#8221; \/&gt; &lt;img src=&#8221;images\/logos\/big.jpg&#8221; alt=&#8221;&#8221; \/&gt; It need to replace as below HTML&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"kbtopic":[44],"kbtag":[1375],"class_list":["post-1766","kb","type-kb","status-publish","hentry","kbtopic-content-delivery-network-cdn","kbtag-cdn"],"_links":{"self":[{"href":"https:\/\/www.servergigabit.com\/guide\/wp-json\/wp\/v2\/kb\/1766","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.servergigabit.com\/guide\/wp-json\/wp\/v2\/kb"}],"about":[{"href":"https:\/\/www.servergigabit.com\/guide\/wp-json\/wp\/v2\/types\/kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.servergigabit.com\/guide\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.servergigabit.com\/guide\/wp-json\/wp\/v2\/comments?post=1766"}],"version-history":[{"count":4,"href":"https:\/\/www.servergigabit.com\/guide\/wp-json\/wp\/v2\/kb\/1766\/revisions"}],"predecessor-version":[{"id":5905,"href":"https:\/\/www.servergigabit.com\/guide\/wp-json\/wp\/v2\/kb\/1766\/revisions\/5905"}],"wp:attachment":[{"href":"https:\/\/www.servergigabit.com\/guide\/wp-json\/wp\/v2\/media?parent=1766"}],"wp:term":[{"taxonomy":"kbtopic","embeddable":true,"href":"https:\/\/www.servergigabit.com\/guide\/wp-json\/wp\/v2\/kbtopic?post=1766"},{"taxonomy":"kbtag","embeddable":true,"href":"https:\/\/www.servergigabit.com\/guide\/wp-json\/wp\/v2\/kbtag?post=1766"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}