SUPER SPEED

Everything you need to maximize your website's speed, minimize

page loading time and utilize server resource

A product of ETS-Soft

1
Contents
I. WELCOME 3

II. INTRODUCTION 3

III. INSTALLATION 4

IV. DASHBOARD 5

V. PAGE CACHE 8

1. Page cache settings 8

2. Exceptions 10

3. Live JavaScript 12

4. Cached URL 13

VI. IMAGE OPTIMIZATION 13

1. Optimize existing images 13

2. Optimize new images 18

3. Restore original images 19

4. Upload images to optimize 21

5. Browse images to optimize 22

6. Image cleaner 23

7. Lazyload 23

VII. SERVER CACHE AND MINIMIZATION 24

VIII. GZIP AND BROWSER CACHE 25

IX. DATABASE OPTIMIZATION 26

X. SYSTEM ANALYTICS 27

XI. HELP 29

XII. THANK YOU 29

2
I. WELCOME

Thank you for purchasing our product. We hope to guide you through all the aspects of
the module installation and the module setup within this document. If you have any
questions that are beyond the scope of this documentation, please feel free to contact us.

*Note:

All instruction screenshots are taken from PrestaShop 1.7, but installing and configuring
this module on PrestaShop 1.6 is similar.

II. INTRODUCTION

There is a fact that online stores with a hyper loading speed make more money. Your
potential customers can truly get disappointed if they have to wait more than 4 seconds
for your web page to fully display. And we're not done yet! Slow page speed will terribly
affect SEO ranking of your website on search engines such as Google, Bing, Yahoo, etc.
This reduces the visibility of your website to potential customers thus negatively affects
your brand’s reputation and revenue.

PrestaShop does provide cache optimization settings, but it's not sufficient and quite
complicated for new PrestaShop users. That’s why we make Super Speed, an all-in-one
speed optimization tool to maximize PrestaShop speed and utilize server resource.
Innovative cache solutions, image and database optimization, HTML/CSS/JavaScript
minification and GZIP are all included for an instant load of your site. Super Speed
guarantees to make your website faster than ever in just one click of your computer
mouse!

* “Super Speed” is compatible with PrestaShop 1.6.x to PrestaShop 1.7.x

3
III. INSTALLATION

1. Navigate to “Modules / Modules & Services”, click on “Upload a module /

Select file”

2. Select the module file “ets_superspeed.zip” from your computer then click on
“Open” to install

3. Click on “Configure” button of the module you just installed to open the
module’s configuration page

4. Optimizing your website with “Auto configuration” feature:

Step 1: Navigate to module Dashboard

Step 2: On “Speed optimization check list” section > Click on “Auto

configuration” button

Step 3: On the auto configuration pop-up, we recommend you to turn on all

optimization options, but you may select your preferred ones. When you finish
selecting, please click “Run auto configuration” button.

4
Quick access: You can also navigate to Super Speed’s configuration page through the
quick access menu.

IV. DASHBOARD

From Dashboard, you can see the page loading speed graphs including page speed time
life and page loading time speedometer. Their data are calculated based on your
homepage loading speed.

5
Image optimization status: On module Dashboard, you will find a chart which describes
the percentage of optimized images and unoptimized images.

You can click on “Optimize all images” button to optimize standard PrestaShop images
such as product images, category images, manufacturer images, etc. (not including theme
images and custom module images)

6
Speed optimization check list: Make sure you turn on all speed optimization features to
maximize your website speed. You can run "Auto configuration" to quickly set
everything up within 1 click.

System analytics: Extra check points to make sure fastest speed for front office.

7
V. PAGE CACHE

Page cache helps improve your website speed considerably by storing all static contents
into HTML files. The HTML files will be displayed instantly to website visitors every
time they query a page.

1. Page cache settings

❖ Turn on page cache and select pages to cache:

Super Speed provides “Pages to cache” list including PrestaShop pages you can apply
Page cache to. You can also configure cache life time of each page.

8
❖ Compress cache file into .ZIP files: Compress HTML cache files into .zip files,
this helps save your disk space but page loading time will be a bit longer (because
server needs to unzip compressed files before displaying them to website visitors)

❖ Auto refresh cache: Cache files can be automatically regenerated via cronjob for
smoother user experience on the front office.

❖ Record page clicks: Enable this option to see how many times a page cache is
used

9
❖ The delay time between page loading time checking: You can edit the time
amount between 2 “page loading time checking” using Ajax request. The loading
time result will be used to display the "Page speed timeline" on Dashboard.
Recommended value: 5 seconds.

How to setup cronjob:

You should setup cronjob on your server to automatically clean expired page caches and
regenerate page caches for common pages (homepage, new products, price-drop pages,
etc.). It's recommended to configure the cronjob to be executed once per hour.

You may find cronjob command on tab “Help”. Cronjob secure token is automatically
generated when you install Super Speed, but you can enter a custom cronjob secure
token.

You can also execute cronjob manually by clicking on “Execute cronjob manually”
button:

2. Exceptions

On this subtab, you will find URL exception area. Any URL containing at least 1 string
entered on this area will not be cached. Please enter each string on 1 line then click
“Save”.

10
You can also disable cache for modules/hooks you need base on your demands. Those
modules/hooks will be dynamically loaded via Ajax just right after website is displayed
to front end user.

11
For example, we will disable cache for displayHome hook of module Image slider and
enable “Initiate with empty content” option.

Now navigate to your store front end and refresh homepage.

3. Live JavaScript

Enter your custom JavaScript code that you need to execute after non-cached contents are
fully loaded and click “Save”. Please be careful with your code, invalid JavaScript code
may result in global JavaScript errors on the front office.

*Note:

Please enter JavaScript code without "script" tag. The tag will be automatically
embedded to your code.

12
4. Cached URL

This sub tab contains a list of cached URLs and their details: cache size, the number of
page clicks, time to cache.

VI. IMAGE OPTIMIZATION

1. Optimize existing images

13
Super Speed can help you manually optimize all common existing images available on
your website. Following 4 simple steps below:

• Step 1: Select types of images to optimize from the list

• Step 2: Select 1 among 4 image optimization methods.
• Step 3: Select image optimization quality
• Step 4: Click on “Optimize existing images” button

14
Super Speed uses 3 external services to optimize images: Google Webp, reSmush,
TinyPNG and its own PHP optimization script.

• reSmush provides an optimization of pictures, for the most standard filetypes

(PNG, JPG, GIF, BMP and TIF). It allows reductions until 80% by using different
algorithms.

15
• WebP is a method of lossy and lossless compression that can be used on a large
variety of photographic, translucent and graphical images found on the web. The
degree of lossy compression is adjustable so a user can choose the trade-off
between file size and image quality. WebP typically achieves an average of 30%
more compression than JPEG and JPEG 2000, without loss of image quality.

• TinyPNG uses smart lossy compression techniques to reduce the file size of your
PNG image files by selectively decreasing the number of colors in the image,
fewer bytes are required to store the data. The effect is nearly invisible but it
makes a very large difference in file size!

• PHP optimization script: optimize your images with our PHP script. If the
service from reSmush or TinyPNG has some troubles (slow connection speed,
reSmush/TinyPNG server is crashed, etc.), Super Speed will automatically change
to PHP optimization script method.

Every time you change image quality or optimization method, you will see the number of
unoptimized images next to the list. Please remind that these numbers are the number of
unoptimized images with new image quality or new optimization method.

*Note:

This module also has option to optimize images for these following modules: PrestaShop
default home slider module, PrestaShop default banner module, and the most trusted blog
module for PrestaShop - BLOG .

How to get TinyPNG API key

If you select TinyPNG image optimization method, you will need to enter a TinyPNG
API key before optimizing.

16
Follow this instruction to get your own TinyPNG API key:

Step 1: Navigate to https://tinypng.com/developers

Step 2: Enter your full name and email address then click “Get your API key” button

Step 3: Open your email inbox and find the email sent from TinyPNG. Click on “Visit
your dashboard” button

17
Step 4: Now you will see your TinyPNG API key. This free key is limited to 500
uploads per month. If you want to optimize more than 500 images per month, please
upgrade to paid account.

2. Optimize new images

Super Speed also can automatically optimize newly uploaded images. (For example:
when you add new products, new product categories, new suppliers, etc.). Enable

18
“Optimize newly uploaded images” option to apply this feature to all new images
uploaded in the future.

*Note:

The “Image quality” option of “Optimizing existing images” tab and “Optimizing new
images” tab is the same. If you change image quality on “Optimizing new images” tab,
image quality value on “Optimizing existing images” tab will also change.

Follow 5 steps below to optimize newly uploaded images:

3. Restore original images

If you want to restore your original images, please follow this guide:

• Step 1: Navigate to “Optimizing existing images” tab > set “Image quality” to
100%

19
• Step 2: Select types of restorable image and optimization method
• Step 3: Click on “Restore original images” button.

20
4. Upload images to optimize

Optimize any images by uploading them via upload form on “Upload to optimize” sub
tab. You can adjust image optimization method and image quality by clicking on the
optimization method name.

21
5. Browse images to optimize

Browse images on your server and optimize any images you want. You can adjust image
optimization method and image quality by clicking on the optimization method name.

22
6. Image cleaner

There are unused images taking space on your server, those images can be cleared to save
your hosting space. For safety, you are recommended to make a backup of “img/” folder
before clearing unused images.

7. Lazyload

Enable Lazyload to defer loading of product images at page load time. Instead, these
images are loaded at the moment of need.

23
VII. SERVER CACHE AND MINIMIZATION

Server cache helps reduce the stress on your server by saving certain data in cache files
such as database query results, arithmetic calculation results, etc. to reuse in later
processes. Otherwhile, Smarty cache stores a copy of the template files rendered in
Smarty compilation process and reuse them in next times the templates are requested to

24
reduce template rendering time. You should enable these 2 options to improve the
performance of your website as well as make it much faster.

Super Speed also helps minify HTML, JavaScript and CSS code of your PrestaShop
website by removing repeated line breaks, white spaces, tabs and other unnecessary
characters. Once the minification is enabled, it will help reduce the size of HTML,
JavaScript and CSS files loading to visitor significantly and boost your page loading
speed.

Here is the list of optimization options on this tab. We recommend you to enable all
optimization options, but you can enable any option you prefer.

VIII. GZIP AND BROWSER CACHE

Gzip is a method of compressing files (making them smaller) for faster network transfers
and is also a file format. You should enable Gzip cache to reduce page loading time and
save bandwidth.

25
Browser cache stores several resources locally on visitor’s web browser (images, icons,
web fonts, etc.) so when someone visits the same page for a second time, the browser
displays the page in no time without having to connect to remote server to get necessary
resources.

Super Speed supports both Gzip and Browser cache features. You can apply default
PrestaShop settings for browser cache or configure each cache elements personally.
If “Use default PrestaShop settings” option is enabled, all browser cache element will
have lifetime value equal “1” (day/week/year).

IX. DATABASE OPTIMIZATION

26
Database optimization feature allows you to clean unnecessary data in database such as
connection logs, useless discount codes, abandoned carts, etc. (those data are only used
for statistics purpose and can be cleaned if not necessary for you). The clearance helps
save database space and reduce database access time.

Super Speed also allows you to download these data to preview or for other purposes.

*Note:

After cleaning, these statistic data cannot be restored. Please be cautious when clicking
“Clean” button.

X. SYSTEM ANALYTICS

Super Speed provides an analytic tool to help you keep track of your installed modules'
performance. On the list, you may find hooks used by each module and their execution
time, URL of a hook, hook status, etc.

Turn on “Record module performance” to start analyzing module performance.

27
If you want to disable a hook, click on "Unhook" button.

"Extra checks" sub-tab gives you useful recommendations to further optimize your
PrestaShop site's speed.

28
XI. HELP

On this tab, we have some notes you should pay attention to while using Super Speed.

You can also find instruction to setup cronjob on your server or execute cronjob manually
by clicking “Execute cronjob manually” button.

XII. THANK YOU

Thank you again for purchasing our product and going through this documentation. We
hope this document is helpful and efficient in the installation and usage of Super Speed
module.
If you do have any questions for which the answer is not available in this document,
please feel free to contact us.

29