optymalizacja magento pod page speed - google
TRANSCRIPT
![Page 1: Optymalizacja Magento pod Page Speed - Google](https://reader033.vdocuments.pub/reader033/viewer/2022042819/55ce929fbb61eb7e0e8b4667/html5/thumbnails/1.jpg)
Optymalizacja Magento pod Page Speed - Google
![Page 2: Optymalizacja Magento pod Page Speed - Google](https://reader033.vdocuments.pub/reader033/viewer/2022042819/55ce929fbb61eb7e0e8b4667/html5/thumbnails/2.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022042819/55ce929fbb61eb7e0e8b4667/html5/thumbnails/3.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022042819/55ce929fbb61eb7e0e8b4667/html5/thumbnails/4.jpg)
Czyste Magento
4/16
![Page 5: Optymalizacja Magento pod Page Speed - Google](https://reader033.vdocuments.pub/reader033/viewer/2022042819/55ce929fbb61eb7e0e8b4667/html5/thumbnails/5.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022042819/55ce929fbb61eb7e0e8b4667/html5/thumbnails/6.jpg)
Pierwsze efekty
6/16
![Page 7: Optymalizacja Magento pod Page Speed - Google](https://reader033.vdocuments.pub/reader033/viewer/2022042819/55ce929fbb61eb7e0e8b4667/html5/thumbnails/7.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022042819/55ce929fbb61eb7e0e8b4667/html5/thumbnails/8.jpg)
Zastosowanie kraken.io
8/16
![Page 9: Optymalizacja Magento pod Page Speed - Google](https://reader033.vdocuments.pub/reader033/viewer/2022042819/55ce929fbb61eb7e0e8b4667/html5/thumbnails/9.jpg)
Efekty po optymalizacji obrazów
9/16
![Page 10: Optymalizacja Magento pod Page Speed - Google](https://reader033.vdocuments.pub/reader033/viewer/2022042819/55ce929fbb61eb7e0e8b4667/html5/thumbnails/10.jpg)
Efekty: inny sklep przed optymalizacją
10/16
![Page 11: Optymalizacja Magento pod Page Speed - Google](https://reader033.vdocuments.pub/reader033/viewer/2022042819/55ce929fbb61eb7e0e8b4667/html5/thumbnails/11.jpg)
Efekty: inny sklep po optymalizacji
11/16
![Page 12: Optymalizacja Magento pod Page Speed - Google](https://reader033.vdocuments.pub/reader033/viewer/2022042819/55ce929fbb61eb7e0e8b4667/html5/thumbnails/12.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022042819/55ce929fbb61eb7e0e8b4667/html5/thumbnails/13.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022042819/55ce929fbb61eb7e0e8b4667/html5/thumbnails/14.jpg)
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