Optymalizacja Magento pod Page Speed - Google

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

Po co ta cała optymalizacja?

Powodów jest tak naprawdę kilka:● dla SEO (pozycjonowanie)● dla klientów sklepu● dla fejmu.

3/16

Czyste Magento

4/16

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

Pierwsze efekty

6/16

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

Zastosowanie kraken.io

8/16

Efekty po optymalizacji obrazów

9/16

Efekty: inny sklep przed optymalizacją

10/16

Efekty: inny sklep po optymalizacji

11/16

Co jeszcze można zrobić?

Wykorzystać pamięć podręczną przeglądarkipoprzez .htaccess

ExpiresActive OnExpiresByType image/gif A2592000ExpiresByType image/png A2592000ExpiresByType image/jpg A2592000ExpiresByType image/jpeg A2592000ExpiresByType image/x-icon A2592000ExpiresByType text/css A2592000ExpiresByType text/javascript A2592000

12/16

Co jeszcze można zrobić?

Włączyć kompresję plików gzip w .htaccess

<IfModule mod_deflate.c>AddOutputFilterByType DEFLATE text/plainAddOutputFilterByType DEFLATE text/htmlAddOutputFilterByType DEFLATE text/cssAddOutputFilterByType DEFLATE text/javascript

application/x-javascript</IfModule>

13/16

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

Skontaktuj się z nami

Dziękuję za uwagę

Autor: Mateusz Borowik Kontakt: m.borowik@auroracreation.com

15/16