Instruction Fast Cache PRO for Opencart3.0

Download and install

 

  1. Download the plugin archive from the Shop Pinta store and save it on your computer.

  2. In the admin panel of your website, select Extensions > Installer (1) and click the Upload button (2). Download the plugin archive from your computer (3, 4).

 



  1. Clear the cache (recommended). In the Modification subcategory (1), select the checkbox (2) for the plugin and click the Clear (3) and Refresh (4) buttons.




  1. Go to the Extensions subcategory (1). In the Extension List, select Modules group (2).




  1. Find the Pinta Fast cache plugin (1) and click the Install button (2).

  2. To configure the plugin, click the Edit button (3).

 





Plugin page

 

The Edit block allows you to select general settings of plugin and includes:

 

  1. The Status field (1) - to enable / disable the plugin (position Enabled / Disabled).

  2. The Log level  field (2) - to unload the .log file and track the occurred errors (position Enabled / Disabled).

  3. The Footer bar checkbox (3) - to select the caching panel display on the website for different user groups (for everyone, for the admin or for no one).

 

To activate the plugin in test mode, click the Start test session button (4). This will reduce the risk of the website crashing.

To clear the cache of your website, click the Clear cache button (5).

 



To configure the optimization of Opencart work, such tabs there are - JS & CSS, Page, Browser, Images, Models, DB, Cache driver.


Вкладка JS & CSS consists of blocks:


  • JS (1) allows you to optimize JS scripts and includes:


  1. The Optimize JS checkbox (2) - to enable / disable the optimization of JS scripts (position Yes / No).

  2. The Aggregate JS checkbox (3) - for combining of JS scripts into one file (position Yes / No).

  3. The Add try-catch checkbox (4) -  to ignore existing JS scripts that are executed with errors (position Yes / No).

  4. The TTL (sec.) field (5) - for specifying the time during which the cache exists (in seconds). After this time, the cache will be updated.

  5. The Excluded scripts field (6) - for entering JS scripts to ignore during processing.

  6. The Excluded routes field (7) - for entering routes to ignore during processing.


  • CSS (8) allows you to optimize CSS styles and includes:


  1. The Optimize CSS checkbox (9) - to enable / disable the optimization of CSS styles (position Yes / No).

  2. The Aggregate CSS checkbox (10) - for combining of CSS styles into one file (position Yes / No).

  3. The Cache TTL field (11) - for specifying the time during which the cache exists (in seconds). After this time, the cache will be updated.




The Page tab allows you to select the page cache settings and includes:


  1. The Page cache checkbox (1) - to enable / disable the page caching (position Yes / No).

  2. The TTL (sec.) field (2) - for specifying the time during which the cache exists (in seconds). After this time, the cache will be updated.

  3. The Excluded routes field (3) - for entering routes to ignore during processing.




The Browser tab allows you to select browser cache settings and includes:


  1. The Browser cache checkbox (1) - to enable / disable the browser caching (position Yes / No).

  2. The TTL (sec.) field (2) - for specifying the time during which the cache exists (in seconds). After this time, the cache will be updated.

  3. The Gzip checkbox (3) - to apply gzip compression on your website (position Yes / No).




The Images tab allows you to select the image compression settings and includes:


  1. The Status checkbox (1) - to enable / disable the image compression / conversion with the Squeezeimg Image Optimizer (position Yes / No).

  2. The Lazyload checkbox (2) - to apply lazy loading of images (position Yes / No).

  3. The Add width and height checkbox (3) - to display the sizes of images in the html code of the page (position Yes / No).

  4. The WebP checkbox (4) - to convert images to WebP format (position Yes / No).

  5. The JP2 checkbox (5) - to convert images to JP2 format (position Yes / No).

  6. The Token Squeeze (squeezeimg.com) field (6) - to enter the API key generated after registration a Squeezeimg account.

  7. The Quality field (7) - select a value for the compression quality.




To fill in the Token Squeeze (squeezeimg.com) field, you need to receive an API key.

 

To do this, go to https://squeezeimg.com. Next, in the Squeezeimg service window that opens, Login (2), if you are already registered with the service, or create a new account - SIGN UP (3).




In your personal account (My account) go to the API tab (4) and click on the GENERATION NEW KEY button (5) to generate an API key.

Next, copy the generated API key (6).




The Models tab allows you to speed up the processing of your website models and includes:


  1. The Status checkbox (1) - to enable / disable the model caching (position Yes / No).

  2. The TTL (sec.) field (2) - for specifying the time during which the cache exists (in seconds). After this time, the cache will be updated.

  3. The Excluded routes field (3) - for entering routes to ignore during processing.




The DB tab allows you to speed up the work of the database and includes:


  1. The Status checkbox (1) - to enable / disable the database caching (position Yes / No).

  2. The TTL (sec.) field (2) - for specifying the time during which the cache exists (in seconds). After this time, the cache will be updated.

  3. The Excluded routes field (3) - for entering routes to ignore during processing.




The Cache driver tab allows you to select the cache storage settings and includes fields:


  1. Status (1) - to select the driver for caching.

  2. Memcache (-d) host (2) - to enter the Memcache (-d) host.

  3. Memcache (-d) port (3) - to enter the Memcache (-d) port.

  4. Redis host (4) - to enter the Redis host.

  5. Redis port (5) - to enter the Redis port.

  6. Redis DB (6) - to enter the Redis database.




To save the plugin settings, click the Save button.




Now, using caching for your website allows uses to open pages faster.


An example of displaying JavaScript files with the Aggregate JS option.






An example of displaying CSS files with the Aggregate CSS option.