Nie lubimy czekać. Wszystko w obecnych czasach mamy dostępne tu i teraz i tego samego oczekujemy od stron i sklepów internetowych. Niedawno zdało sobie z tego sprawę także Google, czyniąc z szybkości wczytywania czynnik rankingowy. Co jest jednak najczęstszym problemem stron, które cierpią na zbyt długi czas ładowania?
Tak, one. Jeden obrazek wyraża więcej niż tysiąc słów. Zajmuje także kilkakrotnie więcej miejsca. Jednak jako gatunek ludzki jesteśmy wzrokowcami, a dodatkowo gdybym zostawił niniejszy tekst jako ścianę treści – nie byłby on tak atrakcyjny, jak w momencie, w którym dodam poniżej śmieszny (w moim odczuciu) mem:
O obrazach pod kątem SEO zostało powiedziane już wiele. Ja natomiast dziś chciałbym pokazać Wam przypadek, niekoniecznie do powtórzenia czy wdrożenia u siebie w sklepie, który zaciekawił mnie na tyle, że postanowiłem odtworzyć go we własnych, kontrolowanych warunkach.
Jakiś czas temu podczas analizy jednego ze sklepów spotkałem się z brakiem plików graficznych sensu stricte na stronie. Zamiast tego, w tagu znajdował się ciąg losowych znaków, jak te poniżej:
iVBORw0KGgoAAAANSUhEUgAAAHgAAA
B4CAYAAAA5ZDbSAAAABHNCSVQICA
gIfAhkiAAAAAZiS0dEAP8A/wD/oL2nkwAAA
F96VFh0UmF3IHByb2ZpbGUgdHlwZSB
BUFAxAAAImeNKT81LLcpMVigoyk/LzEnlU
gADYxMuE0sTS6NEAwMDCwMIMDQw
MDYEkkZAtjlUKNEABZiYm6UBoblZspkpiM
8FAE+6FWgbLdiMAAAcXUlEQVR4nO2d
e5Ac1ZXmf+dmPfqt1qPpl4QESOIlAwZhJC
EJgw3rwVgeLx4vgwdw7GBm1+GJhRl71
8EOuw7weGYHPCbCDLPErheIsQ0MjDTgB4O
NkZEEehssYbAECAmpu/Vo9Ozu6u6qvGf/
te 380 znaków to jedynie wycinek z dokładnie 9970, które w ostateczności tworzą poniższą emotikonę:
Interesujące, prawda? Czym to jest? Jest to kod base64, którym ów obrazek został zakodowany. Jeśli klikniesz prawym przyciskiem myszy na rzeczoną emotkę i wybierzesz “Zbadaj element”, Twoim oczom ukaże się taki kod:
<img src=”data:image/png;base64,iVBORw0KGgoAAA
ANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSA
AAABHNCSVQICAgI
fAhkiAAAAAZiS0dEAP8A/wD/[…]” />
Oczywiście będzie on zwinięty, bo jak napisałem już wyżej – cały ciąg ma blisko 10.000 znaków.
Odpowiedź odnalazłem bardzo szybko. I przysłówek szybko ma tutaj niemałe znaczenie. Mianowicie chodzi o… czas wczytywania i wynik w narzędziu PageSpeed Insights. Sprawdziłem jak wygląda to w przypadku rzeczonej strony i byłem w niemałym szoku, ponieważ zdjęcia te nie były niskiej jakości ani niewielkiego rozmiaru.
Oczywiście, sam base64 nie służy jedynie do kodowania grafik, a do kodowania bajtów za pomocą ciągu znaków (jak przykładowy, kilka linii wyżej).
STRONA A: ZDJĘCIA W FORMACIE JPEG.
STRONA B: ZDJĘCIA ZAKODOWANE W BASE64.
Czas wczytywania (w każdym przypadku wykonałem 3 przebiegi):
Strona A: 1,62s
Strona B: 1:46s
Szału nie ma, prawda? To różnica o zaledwie setne sekundy.
Jak wyglądało to w PageSpeed Insights?
Strona A:
– mobile: 65s
– desktop: 57s
Strona B:
– mobile: 81
– desktop: 90.
NIEŹLE, PRAWDA?
Jako ciekawostkę lub jeśli chcemy po prostu przetestować takie rozwiązanie – JAK NAJBARDZIEJ.
Należy jednak liczyć się z tym, iż nasza strona zyska dodatkowe miliony linii kodu. A to już w samym edytorze tekstu (test przeprowadzałem na WordPressie), może spowodować spowolnienia i wydłużyć proces publikacji. Jedno zdjęcie mające około 500kB to blisko 400.000 znaków. W przypadku WordPressa możemy również napotkać problem z dodaniem większej liczby obrazów, ze względu na ograniczenia bazy danych. Choć według informacji ze strony z opisem bazy danych WordPressa zmienna postu pomieści 4,294,967,295 lub 4GB, w moim przypadku problem z dodaniem kolejnej grafiki wystąpił już przy 970.000 znaków.
Nie oznacza to jednak, iż spowoduje to spowolnienie strony – jest wręcz przeciwnie, jak widać na powyższym przykładzie. Nie ma to również żadnego negatywnego wpływu na renderowanie strony, a użycie tagu dodatkowo pozwala nam na wykorzystanie elementów SEO-friendly, jak np. alt’ów.
Czy base64 jest lepszy, pod kątem SEO? Niewątpliwie, ponieważ oszczędza sporo miejsca i przyspiesza czas wczytywania.
Czy powinieneś zrezygnować ze zdjęć .jpg i .png na jego rzecz?
Zacznij od kompresji obecnych obrazów, a gdy już nie będziesz miał wyjścia – spróbuj z kodowaniem base64.
Jesteśmy zadowoleni ze współpracy, komunikacji i świadczonych usług. Polecamy firmę Traffic Trends jako rzetelnego, uczciwego i doświadczonego partnera w zakresie pozycjonowania stron, obsługi social media oraz innych usług marketingowych.
Małgorzata Gromadowska
Dostaliśmy wiele wytycznych SEO odnośnie naszego sklepu, obserwujemy także, że firma prowadzi szerokie akcje odnośnie SEM, a wszystko to przekłada się na stały wzrost odsłon naszego sklepu.
Jakub Peter - MamaPlus.pl
W związku z tym zdecydowanie polecam tę firme jako partnera, który dba o interes klienta.
dr Janusz Kozłowski - InterVista Sp. z o.o.
Konkretny i prosty sposób komunikacji oraz szybkie i efektywne działanie. W całym natłoku obowiązków czasami nasze wspólne działania trzeba ograniczyć do minimum i to bardzo ważne, kiedy kontakt jest rzeczowy i sprawny.
Przemysław Szewczyk - Sport Team
Zespół Traffic Trends jest zaangażowany i kompetentny. Szczerze polecamy współpracę z nimi.
Jakub Milewski - Frisco
Jesteśmy bardzo zadowoleni ze współpracy z firmą. Szczerze rekomendujemy sklepom internetowym współpracę z Traffic Trends.
Paweł Fornalski - IAI S.A.
Zleć to profesjonalistom, a swoje siły poświęć na to, na czym się znasz najlepiej - w naszym przypadku na sprzedaży. Dzięki Traffic Trends jesteśmy w czołówce na kluczowe dla nas frazy, zaś reklama w Google w końcu przynosi zysk. Polecamy z czystym sumieniem!
Michał Bola - DomowyStomatolog.pl
Zatrudnieni tam wykwalifikowani specjaliści fachowo pozycjonowali prowadzony przez moją firmę sklep internetowy oraz administrowali kampanię adWords. Mogłem liczyć również na kompleksowe doradztwo.
Marcin Bator - Bator Retail
Rzetelne podejście do Klienta oraz troska o realizację ich celów powodują, iż współpraca z Traffic Trends jest zorientowana strategicznie i długoterminowo. Zdecydowanie polecam wszystkim potencjalnym Klientom!
Paweł Tomkiewicz - Skorzana.com, ButyRaj.pl
Dzięki pozycjonowaniu jesteśmy bardziej widoczni dla potencjalnych klientów, co oczywiście przekłada się na liczbę zamówień. Indywidualne podejście do klienta, fachowa pomoc i obsługa to cechy wyróżniające Traffic Trends na tle konkurencji.
Marek Zegadło - StółPlusKrzesła.pl
Współpraca jest nie tylko satysfakcjonująca, ale w pełni przejrzysta – żadne pytanie nie pozostaje bez odpowiedzi, a bezproblemowy i szybki kontakt ułatwia wdrażanie nowych pomysłów. Efekty współpracy są zgodne z naszymi oczekiwaniami i bez wątpliwości możemy polecić ją innym.
Katarzyna Zbrojkiewicz - DanHen
Traffic Trends z łatwością odnalazł się w niszowej tematyce mojego sklepu i profesjonalnie zajął się kompleksową komunikacją i moderacją treści na sklepowym profilu na Facebooku. Jeśli nie masz czasu na prowadzenie firmowego fan pagea, nie wahaj się i zleć to specjalistom.
Magdalena Liberda - FrancuskaWeranda.pl
Jesteśmy bardzo zadowoleni z usług firmy i zaangażowania, jakie wkładają w swoją pracę.
Michał Rak - Konesso.pl
Kontakt z firmą jest wyśmienity. Dominującą cechą Traffic Trends jest wysoka dbałość o szczegóły. Polecam!
Adam Lizuraj - Obuwie-Lizuraj.pl
Kreatywne rozwiązania, starannie dobrane narzędzia reklamowe oraz indywidualne podejście sprawiło, że jesteśmy obecnie wiodącym sklepem z militariami w Polsce. Efektywne pozycjonowanie to też rezultat jasnej i rzeczowej komunikacji. Serdecznie dziękujemy za profesjonalna obsługę na najwyższym poziomie.
Tomasz Grzybowski - Milworld.pl
Dzięki TT zwiększyła się nam znacząco sprzedaż na stronie. Polecamy tą firmę jako rzetelnego partnera, który dba o interesy swojego klienta.
Małgorzata Budzyńska - Partybudziki.pl
Firma wykazuje się rzetelnością i kompetencją w swojej branży, a co najważniejsze, rezultaty widać nie tylko w statystykach, ale również w faktycznej sprzedaży. Serdecznie polecam wszystkim, którzy cenią sobie profesjonalizm oraz liczą na długoletnie i owocne partnerstwo.
Tomasz Morawski - Buff
Rzetelna obsługa klienta, ogromne zaangażowanie i bardzo szeroka oferta. Przez pierwsze miesiące naszej współpracy odczuliśmy ogromny wzrost zainteresowania naszą firmą. Szczerze polecamy!
Dawid Wolniak - Audiotop
W naszych kontaktach szczególnie cenimy sprawną komunikacje i rzetelne podejście do powierzonych zadań. Jeśli szukają Państwo profesjonalnej i godnej zaufania agencji zajmującej się pozycjonowaniem polecamy Traffic Trends.
Marek Herbert - Grupa Dezigno
Szczerze polecamy współpracę w zakresie pozycjonowania. Wysoki poziom przygotowania merytorycznego, szybkie reakcje na zmiany wprowadzane przez Googlea, a także błyskawiczny i pomocny kontakt to rzeczy, które gwarantują nam udaną współpracę.
Dorota Majcher - Vubu.pl
Jest to godny polecenia partner, doskonale zorientowany w specyficznym rynku usług pozycjonowania. Dzięki nim trafiamy do większej liczby potencjalnych odbiorców naszych usług.
Jakub Bandosz - Majorbroker.pl
ale na pewno profesjonalne podejście do prowadzonych działań, to cecha, która na plus wyróżnia zespół Traffic Trends!
Andrzej Wasilewski - Riff
ale również prowadzenia kampanii Adwords oraz wsparcia w obszarze copywritingu. Współpraca zaowocowała znaczną poprawą realizacji celów biznesowych sklepu internetowego eLadex, jak również pozwoliła przekonać Zarząd do zwiększenia inwestycji w kanał sprzedaży on-line.
Szymon Mydlarz - eLadex.pl
Powierzone zadania wykonuje sumiennie, należycie i doskonale rozumie nasze potrzeby. Równie dobrze rozumie rynek i pomaga wcielać w życie nasze nowe pomysły.
Paweł Puszczyński - BBHome
Podchodzą do pracy rzetelnie i są skuteczni w tym, co robią. Współpraca przebiega bardzo miło i bezproblemowo. Z czystym sumieniem mogę polecić innym!
Mirosław Mizioł - Oct-opus.net
Nikt nie potrafił mi pomóc, tak, aby można było skutecznie i za rozsądną cenę pozycjonować sklep.
Wszystko się zmieniło, gdy poznałem ludzi z Traffic Trends. Dostrzegli i zrozumieli specyfikę mojego biznesu. Kreatywnie i co najważniejsze skutecznie rozwiązali mój problem.
Dominik Sewina - BMC
znakomita skuteczność w pozycjonowaniu frazy, z którą poprzednicy nie mogli sobie poradzić, wzrost pozycji strony w Google, uzyskane efekty w pełni zgodne z zapewnieniem Usługodawcy - z pełną odpowiedzialnością polecamy firmę Traffic Trends!
Artur Sadowski - mcklein.pl
ma za zadanie jak najszersze wypromowanie oferty firmy w mediach internetowych. Wybierając firmę Traffic Trends na partnera biznesowego w pełni zaufałem doświadczeniu i kompetencji.
Andrzej Pozorski - Pozorski Trade
Są specjalistami z branży SEO i współpraca z nimi przebiega bez zarzutów. Dzięki działaniom Traffic Trends nasze sklepy internetowe zajmują czołowe pozycje w wyszukiwarkach.
Andrzej Król - TopRacingShop.pl
to właśnie te elementy sprawiły, że nasza współpraca trwa nieprzerwanie od kilku lat. Dzięki konkretnym rozwiązaniom, fachowej wiedzy oraz nowatorskim pomysłom Traffic Trends jest idealnym partnerem w e-biznesie.
Kacper Piątkowski - Agencja Reklamowa BrandyBrand
Jesteśmy bardzo zadowoleni z bardzo szybkich efektów pozycjonowania. Olbrzymim plusem jest sympatyczna obsługa, która bezproblemowo rozwiązuje każdy napotkany problem i wdraża nasze pomysły.
Maciej Świętochowski - Eleganckimężczyzna.pl
Ponieważ umiejętność dowodzenia to szybkość w podejmowaniu decyzji, lubię partnerów, na których w tej kwestii mogę polegać stuprocentowo!
Łukasz Wójciak - Brooklyn Band
ale ostatecznie pokazali, że wiedzą, co robią. Traffic Trends to profesjonalny, godny zaufania partner w biznesie. Polecam!
Adrian Wojtkowiak - eFiltry.pl
Poziom obsługi od strony handlowej oraz technicznej jest bez zastrzeżeń i zawsze terminowy. Profesjonalizm oraz rzetelność kadry pracowniczej powalają ocenić Traffic Trends jako kompetentnego partnera biznesowego, elastycznie i profesjonalnie podchodzącego do każdego zlecenia.
Elżbieta Dobieżyn - De-Tech.pl
które z dużą PR-ową sprawnością i lekkością formy obsługuje mój fanpage na facebooku. Jeśli, ktoś szuka kreatywnej i dynamicznej ekipy dbającej o wizerunek, to warto sprawdzić Traffic Trends!
Sylwia Majdan - sylwiamajdan.com
Współpraca od samego początku układa się bez najmniejszych zastrzeżeń, na każde nasze zapytanie otrzymujemy rzeczową odpowiedź, wszystkie wymuszane przez Google i innych gigantów zmiany oraz poprawki są błyskawicznie nanoszone, a nasz sklep zajmuje wysokie pozycje w wyszukiwarkach.
Maciej Dankowski - Milionczesci.pl
idealnie wykorzystał bieżące wydarzenia w celu budowania marki w sieci oraz dobrze komunikował się z naszymi potencjalnymi klientami.
Artur Łuszczek
Traffc Trends Sp. zo.o.
ul. Piątkowska 163
60-650 Poznań
e-mail: bok@traffctrends.pl
tel. 616 690 427