Wydaliśmy nową książkę „Content Marketing in portale społecznościowe: Jak dostać się do głowy subskrybentów i zakochać się w swojej marce ”.
Neil Patel opublikował artykuł o tym, jak zwiększyć szybkość strony mobilnej.
Dlaczego jest dobrze: w 2014 roku witryna Walmart ładowała się na urządzenia mobilne przez 7 sekund, pokazując użytkownikom biały ekran. Walmart skrócił czas ładowania strony do 2,9 sekundy w ciągu roku. Udało nam się skrócić 4 sekundy, zmniejszając bariery uniemożliwiające ładowanie: uproszczenie kodu JavaScript, usunięcie wolnych czcionek, optymalizację obrazów. Wzrost prędkości na sekundę zwiększył konwersję witryny o 2%.
Plus 2% tylko dlatego, że użytkownik zaczął czekać na otwarcie strony krócej niż 1 sekundę. To dobry powód, aby sprawdzić swoją witrynę. Nawet jeśli wydaje Ci się, że działa szybko, może się okazać, że są jeszcze dodatkowe sekundy i kradną Twoje zyski. Neil Patel opowiada o tym, jak sprawdzić, jak szybka jest Twoja witryna i jak w razie potrzeby ją przyspieszyć.
Irina Vinnichenko
Content Marketer SEMANTICA
Szybkość ładowania witryny jest ważnym parametrem promocji w wyszukiwarkio. Niska prędkość zmniejsza liczbę klientów na serwisach, sprzedaż w sklepach internetowych, czytelników blogów.
Istnieje kilka usług, które mogą pomóc w ustaleniu szybkości ładowania witryny. Nie będę opisywał ich możliwości, przetestuję je szybciej i dalej konkretny przykład dowiedz się, jak działają usługi, oceń zalety / wady.
- pr-cy.ru
- mainspy.ru
- airi.rf
Więcej informacji na temat sposobu określania szybkości ładowania witryny można znaleźć w artykule Semantyka.
W moich artykułach dużo mówię o znaczeniu optymalizacji mobilnej. Dlaczego przywiązuję do tego tak wielką wagę?
Ponieważ ruch mobilny to rzeczywistość cyfrowego świata. Teraz jest ważniejszy niż ruch na komputerach. 51,3% wszystkich użytkowników Internetu to użytkownicy mobilni. W przyszłości liczba ta wzrośnie.
Obecny sposób dostosowania witryny do urządzenia mobilne To responsywny projekt strony internetowej z dyskretnymi wyskakującymi okienkami.
Responsywny projekt strony internetowej zapewnia prawidłowe wyświetlanie stron zasobów na dowolnym ekranie: tablecie, telefonie, laptopie. Robi to, wybierając arkusze stylów, ukrywając określone elementy.
Ponadto wszystkie najlepsze praktyki optymalizacyjne opracowane dla komputerów stacjonarnych dotyczą również urządzeń mobilnych. Porozmawiam o jednym z nich - o szybkości.
Dlaczego warto pomyśleć o szybkości
Użytkownicy oczekują od serwisu szybkie ładowanie... Jeśli zwolni, tracisz mnóstwo ruchu.
Podam przykład badań. Na pytanie, czy natrafiłeś na witryny, które ładują się zbyt długo na telefonie komórkowym, 73% użytkowników odpowiedziało pozytywnie. 40% z nich opuściło witrynę, jeśli załadowanie strony zajęło więcej niż 3 sekundy.
Istnieją badania, które pokazują, że ludzie oczekują, że strony internetowe będą ładować się jeszcze szybciej - dosłownie w mgnieniu oka, czyli w ciągu 400 milisekund.
Nie zapominajmy, że Google stawia również na szybkość ładowania strony. Wykorzystuje prędkość jako czynnik rankingowy.
Dowiedz się, jak szybko ładuje się Twoja witryna
Możesz pomyśleć, że Twoja witryna ładuje się wystarczająco szybko. Ale może to być wolniejsze niż myślisz.
Jeden z najlepszych testów szybkości witryny mobilnej - Think With Google:
Przetestujemy go na Amazon.com, ponieważ często jest używany z telefonów komórkowych.
Proces analizy trwa minutę lub dwie.
Pod koniec analizy zobaczysz trzy oceny:
W tym artykule ważne są dla nas dwie pierwsze oceny: przyjazność dla urządzeń mobilnych i szybkość mobilna, czyli responsywność witryny dla użytkowników mobilnych oraz szybkość ładowania.
Pierwsza ocena pokazuje, jak łatwa jest obsługa Twojej witryny na urządzeniach mobilnych. To są dane ogólne. W przypadku tego wskaźnika Amazon radzi sobie świetnie. Ale prędkość pobierania jest zła.
Think With Google oferuje bezpłatną diagnostykę witryn internetowych. Polecam zgodzić się na przygotowanie szczegółowego raportu i zobaczyć, co oferuje usługa na podstawie analizy.
Ulepsz projekt swojej witryny mobilnej
Przypomnij sobie moment, w którym tworzyłeś projekt swojej strony internetowej. Czy rozważałeś urządzenia mobilne? Ledwie.
Najprawdopodobniej w tym czasie pulpit był na pierwszym miejscu. Ale teraz musimy przemyśleć nasze podejście do projektowania, biorąc pod uwagę nowe realia.
Witryny mobilne bardzo się zmieniły w ciągu ostatnich kilku lat. Kiedyś istniało dwie wersje witryny - zwykła, stacjonarna i mobilna. Te ostatnie można było łatwo zidentyfikować dzięki subdomenie „m”:
W tej sytuacji inaczej zarządza się witrynami mobilnymi i komputerowymi. Można je porównać do McDonald's i McAutos. Dextop to restauracja McDonald's. Witryna mobilna to MacAuto.
Oznacza to, że wersja mobilna jest aplikacją na komputer stacjonarny, spełnia swoje zadania, ale nie może zapewnić usług i komfortu, jakie zapewnia główna witryna desktopowa.
Ale teraz to nie wystarczy. Użytkownicy urządzeń chcą lepszych wrażeń. Chcą świetnej i szybkiej obsługi. Responsywne projektowanie stron internetowych pomoże zaspokoić ich pragnienia.
Elastyczny projekt strony internetowej oznacza możliwość zmiany witryny w zależności od urządzenia, z którego została otwarta. W ten sposób użytkownicy urządzeń mobilnych i komputerów stacjonarnych otworzą tę samą witrynę, ale sposób, w jaki ją zobaczą, będzie zależeć od urządzenia, z którego korzystają podczas pobierania.
Google lubi takie podejście, co potwierdza oświadczenie firmy: „ Projekt adaptacyjny To wzorzec projektowy zalecany przez Google ”.
Możesz pomyśleć: „Ok, spoko. Ale w jaki sposób elastyczne projektowanie witryn internetowych może pomóc mi w rozwiązywaniu problemów z szybkością ”.
Elastyczne projektowanie witryn internetowych zwykle pozwala na szybsze ładowanie witryny niż wersja mobilna. Używając go, zyskujesz wielką przewagę SEO.
Jeśli więc nie masz jeszcze responsywnego projektowania stron internetowych, czas zacząć o tym myśleć.
Spraw, aby Twoja witryna była lekka
Kiedy witryna ma dużo wizualizacji, wygląda na to, że wygląda świetnie. Ułatwia to zaczepienie użytkownika.
Ale czasami jest zbyt wiele wizualizacji. W rezultacie strona ładuje się wolniej. Im więcej dodasz obrazu, tym dłużej trwa ładowanie.
Deweloperzy nazywają ten kod stanu rozdętym lub rozdętym oprogramowanie... Przetłumaczona na język użytkownika niebędącego programistą strona jest obciążona niepotrzebnym kodem.
W większości przypadków przyczyną pojawienia się nadmiaru kodu jest nadmierne skupienie się projektanta na prezentacji wizualnej. Za dużo, bo myślenie o pięknym designie jest oczywiście konieczne. Ale jednocześnie skuteczność witryny nie powinna schodzić na dalszy plan.
Na szczęście wydajność i piękny wygląd idą w parze. Kilka wskazówek:
Uproszczać
Leonardo da Vinci powiedział: „Prostota jest ostateczną granicą doświadczenia”. Prawie pięćset lat później jego słowa wciąż brzmią dobrze. Jeśli się rozejrzysz, zobaczysz, że wszystko, co wokół Ciebie jest skomplikowane, zostaje zastąpione minimalistycznym designem. Działa to również w przypadku witryn. Szczególnie mobilny, bo na ekranach urządzeń przenośnych jest za mało miejsca. Przestrzeń obrotowa jest łatwa do przepełnienia. Pomyśl, jak uniknąć bałaganu.
Zwykle witryna mobilna wymaga tylko jednego wezwania do działania na stronę. To ograniczenie pomoże Ci zachować krótki kod i będzie miało pozytywny wpływ na doświadczenie użytkownika.
Oto przykład prosta konstrukcja od Rug Doctor:
Czarujący. Bez dodatkowego połysku. Przyciąga uwagę.
Nie potrzebujesz żywych kolorów i zdjęć, aby przyciągnąć uwagę użytkowników. Kiedy nadchodzi w projektowaniu urządzeń mobilnych „mniej” często oznacza „więcej”.
Zmniejsz liczbę kroków
Im mniej musi zrobić odwiedzający witrynę, tym lepiej.
Po co robić 7 kroków między kupującym a zakupem, skoro wystarczą trzy. Skrócenie lejka sprzedażowego pomoże Ci szybciej sprzedać produkt i uprości proces dla użytkownika.
Taką strategię stosuje wiele sklepów internetowych. Z ich doświadczeń wynika, że \u200b\u200bskracanie etapów lejka zwiększa sprzedaż.
Na przykład podam mobilną witrynę Boden's. Tam bardzo łatwo kupić produkt. Po prostu dodaj go do koszyka, wypełnij szczegóły płatności, zapłać.
Prosto i prosto. Nic dodatkowego.
Ponownie, skracając kroki, skracamy kod. Trudno jest osiągnąć ogromną wielkość przy minimalnej liczbie stron w witrynie.
Użyj mniej obrazów
Dobre obrazy są przydatne w każdej witrynie. Użytkownicy je lubią i pomagają w pozycjonowaniu. Ale jeśli jest za dużo dobra, przestaje być dobre.
Dla porównania, obrazy zajmują około 63% masy strony.
Średnia waga w latach 2011-2015 strona mobilna wzrosła trzykrotnie.
Obrazy to najbardziej wymagające elementy strony. Zajmują dużo miejsca. Zbyt wiele obrazów jest złych.
Istnieją dwa sposoby na zmniejszenie wagi obrazu:
- Przytnij zdjęcie.
- Skompresuj obraz.
Druga opcja bardziej mi się podoba. Kompresja zmniejsza wagę obrazu, nie wpływa na jakość i skraca czas ładowania strony. Nawiasem mówiąc, robotom wyszukiwarek łatwiej jest pobierać i indeksować stronę zawierającą skompresowane obrazy.
Nie używaj niestandardowych czcionek
Uwielbiam ładne czcionki. Ale większość z nich jest bardzo wymagająca.
Niektórzy zjadają mnóstwo CSS, inni utrudniają JavaScript. W każdym razie istnieje ogromna ilość kodu do rozwiązania.
Zmniejsz swój kod
Minimalizacja to usunięcie wszelkich elementów, które nie są potrzebne do prawidłowego istnienia kodu - dodatkowe spacje, tabulatory, puste wiersze. Minifikacja pomaga zwiększyć prędkość ładowania strony.
W Google Chromepodobnie jak w innych przeglądarkach systemu operacyjnego Windows pojawia się problem związany z tym, że po załadowaniu strony część pobranych plików zapisuje się na komputerze.
Z biegiem czasu zaczynają zajmować zbyt dużo miejsca na dysku twardym.
Ciasteczka należy regularnie czyścić, chociaż wszystko może być w porządku. Sama procedura nie zajmuje dużo czasu, ponieważ w Google Chrome bardzo łatwo ją wdrożyć.
Co to jest
Przed wyczyszczeniem pamięci podręcznej w Google Chrome na Windowsie warto zrozumieć, co to właściwie jest. Sam termin „gotówka” został zaczerpnięty z angielskiego słowa cashe. Oznacza pamięć podręczną lub miejsce przechowywania. Często nazywane są również „ciasteczkami”, ponieważ są to dane tekstowe strony przechowywane na komputerze użytkownika. Pomijając szczegóły techniczne, możemy powiedzieć, że taki rodzaj magazynu informacji pozwala szybko otwierać i wyświetlać te strony, które użytkownik odwiedził wcześniej przez chrome.
Ogólnie rzecz biorąc, takie magazyny są doskonałą opcją oszczędzania ruchu internetowego. Na przykład po obejrzeniu filmu wideo w określonej witrynie, gdy oglądasz go ponownie, nie będzie potrzeby ponownego pobierania go w całości z sieci. Faktem jest, że algorytmy przeglądarki automatycznie tworzą kopię tego wideo i umieszczają ją w pamięci komputera, tworząc w ten sposób pliki cookie i pamięć podręczną. Zapewnia również szybsze ładowanie.
Jednak w tym przypadku są też strony negatywne. Na przykład:
- Jeżeli w serwisie nastąpiły zmiany po wejściu na stronę z poziomu przeglądarki i informacja o niej została zapisana w plikach cookies, nie wszystkie z nich zostaną wyświetlone w nowej formie. Powodem jest to, że w pamięci jest już obraz stara wersja strona internetowa, którą załadowały algorytmy przeglądarki i może być wyświetlana użytkownikowi. Aby tego uniknąć, musisz terminowo wyczyścić magazyny informacji;
- Inną wadą jest to, że takie informacje, jeśli nie są czyszczone przez długi czas, zajmują bardzo dużą ilość miejsca na dysku twardym, zmniejszając ilość wolnego miejsca.
Jak czyścić
Sama procedura jest tak prosta, jak to tylko możliwe. Przede wszystkim musisz uruchomić samą przeglądarkę za pośrednictwem system Windows... Teraz musisz nacisnąć kombinację klawiszy Shift + Ctrl + Delete. To najszybszy sposób otwierania plików cookie przeglądarki. Można to zrobić w inny sposób. Aby to zrobić, musisz znaleźć w chrome przycisk do wejścia do menu (jest w najnowsze wersje oznaczone trzema kropkami rozmieszczonymi w kolumnie), nazywa się „Ustawienia i zarządzanie” i naciśnij. 
W powstającym menu kontekstowe należy zaznaczyć pozycję „Ustawienia”, po czym otworzy się zakładka ze wszystkimi parametrami dostępnymi do zmiany. Schodzimy na sam dół strony, gdzie znajduje się przycisk „Pokaż dodatkowe ustawienia„I kliknij to. Znajdziemy tam sekcję „dane osobowe”, w której należy kliknąć przycisk „Wyczyść historię”. 
Następnie pojawi się okno, w którym można wyczyścić, oprócz niezbędnych magazynów plików, zapisane dane historii pobierania, które strony były odwiedzane, a także informacje o hasłach. Aby wybrać, co dokładnie zostanie usunięte, musisz zaznaczyć konkretną pozycję. Następnie wystarczy nacisnąć przycisk „Wyczyść historię” i poczekać, aż procedura zostanie zakończona.
Na tym kończy się procedura czyszczenia pamięci plików z informacjami przeglądarki Google Chrome w systemie Windows. Należy jednak również powiedzieć, że będąc w sekcji ustawień „Dane osobowe” można określić częstotliwość usuwania określonego typu danych przechowywanych w Google Chrome. Pozwoli to upewnić się, że nie wszystkie pliki zostaną usunięte, a jedynie przestarzałe i nieistotne. Należy również powiedzieć, że pliki cookie i pamięć podręczna mają istotne różnice:
- Te pierwsze to ślady, które pozostają po odwiedzeniu strony w postaci informacji wymienianych między stronami internetowymi a samym Chrome;
- Te ostatnie to repozytorium filmów, muzyki i zdjęć pobranych z różnych stron internetowych.
Możesz także usunąć wszystkie zapisane pliki bez wchodzenia do Chrome. Aby to zrobić, musisz otworzyć sam folder w systemie Windows, w którym są przechowywane. 
Zwykle można to zrobić, przechodząc do C: \\ Documents and Settings \\ Admin \\ Local Settings \\ Application Data \\ Google \\ Chrome \\ User Data \\ Default \\ Cache \\, gdzie „Admin” to nazwa użytkownika systemu Windows.
Wielu użytkowników chce, aby ich komputer działał szybko, dlatego używają programów do usuwania plików tymczasowych, takich jak i automatycznego czyszczenia systemu (w tym do usuwania pamięci podręcznej przeglądarki). Ale to jeden z głównych powodów spowolnienia ładowania stron w przeglądarce.
Dlaczego przeglądarki tworzą pamięć podręczną?
W jednym z artykułów opisał Aleksander Shikhov. Nie będę powtarzał całego artykułu, powiem tylko główny punkt. Pamięć podręczna jest potrzebna tylko po to, aby witryny otwierały się bardzo szybko. Jeśli usuniesz go codziennie, to przy następnym uruchomieniu przeglądarki i próbie otwarcia ulubionych witryn przeglądarka będzie musiała ponownie załadować te same dane, które mogła otworzyć dysk lokalny (cache) w ułamku sekundy.
Dlaczego uczono nas czyszczenia pamięci podręcznej?
Od wielu lat twórcy programów do czyszczenia systemu uczą nas, że pamięć podręczna jest zbędna i musi zostać wyczyszczona. Przyczyna tego jest prosta - zajmuje dużo miejsca, które można wykorzystać bardziej racjonalnie. Ale w rzeczywistości to tylko sztuczka, powód do dodania do statystyk znalezionych „śmieci” w systemie dwieście lub trzysta megabajtów i kilka tysięcy plików. Dzięki temu taki produkt lepiej prezentuje się w oczach użytkowników dzięki temu, że znajduje więcej (lub nie mniej) konkurentów.
Wynika to z faktu, że większość ocenia ilość znalezionych odpadów, a nie ich jakość. Jeśli jakiś program znajdzie w systemie 700 megabajtów śmieci, a kolejne 900 megabajtów, to drugi program zdecydowanie wygląda lepiej. I nie ma znaczenia, że \u200b\u200b200 megabajtów na górze zostało dodanych dzięki dodaniu pamięci podręcznej przeglądarki, która w ciągu jednego dnia zapełni te same 200 megabajtów. To doskonały powód, aby zasugerować ponowne wyczyszczenie systemu, prawda?
Usuń historię przeglądarki i pliki tymczasowe bez czyszczenia pamięci podręcznej
Aby zapobiec usuwaniu pamięci podręcznej podczas korzystania z programów do czyszczenia dysku, po prostu wyłącz czyszczenie pamięci podręcznej w ustawieniach programu i kontynuuj używanie. Od razu zauważysz, że zaczął znajdować mniej śmieci, ale pamiętaj, że jest to spowodowane brakiem pamięci podręcznej w „śmieciach”, co sprawia, że \u200b\u200bprzeglądarki ładują się szybciej i wygodniej jest pracować z witrynami.
Użyj trybu prywatnego (tryb incognito)
Jeśli nie chcesz, aby żadne witryny pozostawiły ślady na Twoim komputerze, po prostu aktywuj tryb przeglądania prywatnego (w nim aktywuje się go naciskając Ctrl + Shift + N), po zamknięciu którego cała historia i dane o przeglądanych stronach zostaną usunięte z przeglądarki i nikt nigdy się o nich nie dowie.
Pamięć podręczna przeglądarki to bardzo przydatna i niezbędna rzecz, której nie trzeba usuwać, jeśli nie chcesz, aby surfowanie w sieci było niewygodne. Jeśli regularnie czyścisz pamięć podręczną swoich przeglądarek, jedyne, co osiągniesz dzięki tej akcji, to spowolnienie prędkości ładowania stron, wydłużenie czasu oczekiwania i zmniejszenie własnej wydajności.
Od jakiegoś czasu, na stałe, mniej więcej raz na trzy próby, Yandex. Poczta zaczęła wysyłać do mnie wiadomość tego rodzaju:
A jaka jest kara dla mnie? Próbowałem nie zwracać uwagi, nacisnąłem F5, ale po co? Może zawiesić się na kilka godzin lub minut, po czym zniknąć, nie pojawić się na jeden dzień, ale niezmiennie… na stałe… jakby przejmował służbę według schematu „dzień lub dwa”. (Działa przez dzień, dwa, nie!). Pojawia się ich obsesyjna prośba „Użyj wersji light”.
Panowie odpowiedzialni za rozwój i utrzymanie Yandex. Poczta"! Zapewniam, że mam dość mocny komputer i łącze internetowe! Nie muszę sprzedawać Lite - strona na słabe auta, telefony komórkowe i słabe połączenia!
Ale… jest dla mnie niezwykle ważne, żebym używał dokładnie pełna wersja mail Yandex. Właściwie przeniosłem się do Yandex. Poczta ze względu na swoją wysoką funkcjonalność! A tu ... jak sierp w kulkach ... W tej najlżejszej wersji funkcjonalność jest odcięta.
Celowo nie wchodzę w wyszukiwarkę Google, nie piszę listów do Yandex. Nie próbuję „rozwiązać” problemu. Po co? Problem nie jest mój. Nie chodzi o mój sprzęt ani oprogramowanie. Ale uważam za swój obowiązek poinformowanie ludzi, że taki problem istnieje.
Powstaje problem na stałe na różne dostawcy, konfiguracje sprzętu, przedziały czasowe oprogramowania itp.
Nawiasem mówiąc, nie tak dawno jest taki problem. Może najwyżej sześć miesięcy. Wcześniej NIGDY Yandex. Poczta nie była taka błędna!
Ale ... jeśli to potrwa wystarczająco długo, będziesz musiał po prostu opuścić Yandex, niestety ...
