Z prezentacji dowiesz się jak przyspieszyć działanie swojego serwisu, poprzez lepszą optymalizację jego kodu i zasobów z nią związanych.

1. Optymalizacja Magento pod
Page Speed - Google

2. Page Speed - Google Developers
Narzędzie podpowiada jak można przyspieszyć
działanie swojego serwisu, poprzez lepszą
optymalizację jego kodu i zasobów z nią związanych.
Google - Page Speed bazuje na określonych
procedurach, oceniając stronę w skali od 0 do 100
punktów.
developers.google.com/speed/pagespeed/insights/
2/16

3. Po co ta cała optymalizacja?
Powodów jest tak naprawdę kilka:
● dla SEO (pozycjonowanie)
● dla klientów sklepu
● dla fejmu.
3/16

4. Czyste Magento
4/16

5. Pierwsze kroki (fooman speedster)
Instalacja modułu fooman speedster z Magento Commerce
(http://www.magentocommerce.com/magento- connect/fooman-
speedster.html)
zalety:
● kompresja i łączenie plików css/js
● wykorzystywanie biblioteki minify
● zmniejszanie liczby żądań http
● zmniejszanie całkowitego rozmiaru plików do załadowania
● włączenie cache Magento
5/16

6. Pierwsze efekty
6/16

7. Optymaliacja obrazów
Z pomocą przychodzi nam doskonałe narzędzie online:
kraken.io
kraken pozwala na:
● darmową optymalizację zdjęć
● nie psuje jakości zdjęcia
wersja płatna:
● masowa zmiana z konkretnych url
● zmiana wszystkich zdjęć na danej stronie
● możliwość zmniejszania wielkości zdjęć
7/16

8. Zastosowanie kraken.io
8/16

9. Efekty po optymalizacji obrazów
9/16

10. Efekty: inny sklep przed optymalizacją
10/16

11. Efekty: inny sklep po optymalizacji
11/16

12. Co jeszcze można zrobić?
Wykorzystać pamięć podręczną przeglądarki
poprzez .htaccess
ExpiresActive On
ExpiresByType image/gif A2592000
ExpiresByType image/png A2592000
ExpiresByType image/jpg A2592000
ExpiresByType image/jpeg A2592000
ExpiresByType image/x-icon A2592000
ExpiresByType text/css A2592000
ExpiresByType text/javascript A2592000
12/16

13. Co jeszcze można zrobić?
Włączyć kompresję plików gzip w .htaccess
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/javascript
application/x-javascript
</IfModule>
13/16

14. Co jeszcze można zrobić?
● optymalizacja bazy danych, czyszczenie starych
logów
● zmniejszenie/wyłączenie bibliotek JS, które nie są
używane w sklepie
● zmiana serwera na serwer zoptymalizowany pod
Magento
● zakup modułu do optymalizacji obrazów
produktowych.
14/16

15. Skontaktuj się z nami
Dziękuję za uwagę
Autor: Mateusz Borowik
Kontakt: m.borowik@auroracreation.com
15/16