optymalizacja magento pod page speed - google

15
Optymalizacja Magento pod Page Speed - Google

Upload: aurora-creation

Post on 15-Aug-2015

266 views

Category:

Technology


6 download

TRANSCRIPT

Page 1: Optymalizacja Magento pod Page Speed - Google

Optymalizacja Magento pod Page Speed - Google

Page 2: 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

Page 3: Optymalizacja Magento pod Page Speed - Google

Po co ta cała optymalizacja?

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

3/16

Page 4: Optymalizacja Magento pod Page Speed - Google

Czyste Magento

4/16

Page 5: Optymalizacja Magento pod Page Speed - Google

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

Page 6: Optymalizacja Magento pod Page Speed - Google

Pierwsze efekty

6/16

Page 7: Optymalizacja Magento pod Page Speed - Google

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

Page 8: Optymalizacja Magento pod Page Speed - Google

Zastosowanie kraken.io

8/16

Page 9: Optymalizacja Magento pod Page Speed - Google

Efekty po optymalizacji obrazów

9/16

Page 10: Optymalizacja Magento pod Page Speed - Google

Efekty: inny sklep przed optymalizacją

10/16

Page 11: Optymalizacja Magento pod Page Speed - Google

Efekty: inny sklep po optymalizacji

11/16

Page 12: Optymalizacja Magento pod Page Speed - Google

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

Page 13: Optymalizacja Magento pod Page Speed - Google

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

Page 14: Optymalizacja Magento pod Page Speed - Google

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

Page 15: Optymalizacja Magento pod Page Speed - Google

Skontaktuj się z nami

Dziękuję za uwagę

Autor: Mateusz Borowik Kontakt: [email protected]

15/16