{"id":505,"date":"2019-12-12T14:23:07","date_gmt":"2019-12-12T14:23:07","guid":{"rendered":"https:\/\/loftocean.com\/doc\/loftloader\/?page_id=505"},"modified":"2020-07-02T06:19:07","modified_gmt":"2020-07-02T06:19:07","slug":"exclude-code-from-caching","status":"publish","type":"page","link":"https:\/\/loftocean.com\/doc\/loftloader\/common-issues\/exclude-code-from-caching\/","title":{"rendered":"Exclude Code from Caching"},"content":{"rendered":"

If your website is using a cache\/performance optimization plugin, then it might combine\/minify JavaScript (or\/and CSS) and move them into the footer of your page. Then the preloader may not work properly.<\/p>\n

Because the JavaScript (and CSS) of LoftLoader needs to be put in the < head > of a page so it can be executed as soon as possible. Many cache\/performance optimization plugins have the “exclude<\/strong>” feature which allows to skip some code and files from being aggregated and minimized. To solve this kind of problem, please:<\/p>\n

1. Exclude Inline JavaScript<\/h5>\n

Please add the following 2 lines to “Exclude Inline JavaScript”<\/strong>. <\/p>\n

<\/p>\n

In the settings panel of a cache plugin, please find File Optimization<\/strong> (or Optimization<\/strong> – it may be different in each cache plugin) > Exclude Inline JavaScript<\/strong>.<\/p>\n

\r\nloftloaderPro\r\nloftloaderCache\r\n<\/pre>\n
  
\nThen, please always clear your site cache<\/strong> and browser cache<\/strong> after making changes, then refresh page and check again.<\/p>\n
<\/p>\n
\n
2. Exclude JavaScript files of LoftLoader<\/h5>\n
If the problem still persists after excluding inline JavaScript, then please also exclude the JavaScript files<\/strong> of LoftLoader.<\/p>\n
\r\nloftloader-pro\/assets\/js\/jquery.waitformedias.min.js\r\nloftloader-pro\/assets\/js\/loftloader.min.js\r\nwp-includes\/js\/jquery\/jquery.js\r\n<\/pre>\n
  <\/p>\n
\nAbout the third line of the above code: <\/p>\n
\r\nwp-includes\/js\/jquery\/jquery.js\r\n<\/pre>\n
Some cache plugins may have the option to enable\/disable merging jQuery library. If yes, please disable merging jQuery library. If not, please add the third line of code to manually exclude jQuery.<\/p>\n
\n
About the first 2 lines of the above code: <\/p>\n
\r\nloftloader-pro\/assets\/js\/jquery.waitformedias.min.js\r\nloftloader-pro\/assets\/js\/loftloader.min.js\r\n<\/pre>\n
If the cache plugin you are using supports the wildcard character<\/strong>, you can simply replace the above codes with the following line of code. (In software, a wildcard character is a kind of placeholder represented by a single character, such as an asterisk (*), which can be interpreted as a number of literal characters or an empty string.)<\/p>\n
\r\nloftloader-pro\/(.*).js\r\n<\/pre>\n<\/div>\n
\nPlease note:<\/span> Different cache plugins may have different requirements for the path of the code filled in. In this document, we only indicate which JavaScript files of LoftLoader Pro need to be excluded. Please carefully read the documentation of the cache plugin you are using to make sure that the correct file path is filled. For example, “\/wp-content\/plugins\/loftloader-pro\/(.*).js”<\/span> or “loftloader-pro\/(.*).js”<\/span>.\n<\/div>\n
\n
3. Exclude CSS files and inline CSS of LoftLoader<\/h5>\n
To ensure that LoftLoader works properly, you may also need to exclude the CSS files and inline CSS<\/strong> of LoftLoader.<\/p>\n
Exclude styles (CSS files):<\/strong><\/p>\n
\r\nloftloader.min.css\r\n<\/pre>\n
  
\n\"\"<\/p>\n
\nIf the cache plugin you are using supports the wildcard character<\/strong>, you can replace the above code with the following line of code. (In software, a wildcard character is a kind of placeholder represented by a single character, such as an asterisk (*), which can be interpreted as a number of literal characters or an empty string.)<\/p>\n
\r\nloftloader-pro\/(.*).css\r\n<\/pre>\n<\/div>\n
\nPlease note:<\/span> Different cache plugins may have different requirements for the path of the code filled in. In this document, we only indicate which CSS files of LoftLoader Pro need to be excluded. Please carefully read the documentation of the cache plugin you are using to make sure that the correct file path is filled. For example, “\/wp-content\/plugins\/loftloader-pro\/assets\/css\/loftloader.min.css”<\/span> or “loftloader-pro\/assets\/css\/loftloader.min.css”<\/span>, or even “loftloader.min.css”<\/span>.\n<\/div>\n
Exclude inline styles<\/strong> (if the cache plugin provides this feature):<\/p>\n
\r\nloftloader-wrapper\r\n<\/pre>\n
  
\n\"\"<\/p>\n
–<\/p>\n
Then, please always clear your site cache<\/strong> and browser cache<\/strong> after making changes, then refresh page and check again.<\/p>\n","protected":false},"excerpt":{"rendered":"
If your website is using a cache\/performance optimization plugin, then it might combine\/minify JavaScript (or\/and CSS) and move them into the footer of your page. Then the preloader may not work properly. Because the JavaScript (and CSS) of LoftLoader needs to be put in the < head > of a page so it can be […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":504,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-505","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/505","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/comments?post=505"}],"version-history":[{"count":5,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/505\/revisions"}],"predecessor-version":[{"id":678,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/505\/revisions\/678"}],"up":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/504"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/media?parent=505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}