Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów, fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu



::
Przesunięty przez: Htsz
2016-08-09, 22:46
Autor Wiadomość
yagoda_she 
Blogger.Klub


Imię: Karolina G.
Dołączyła: 07 Mar 2013
Posty: 40

Wysłany:    Problem z poprawnym ładowaniem strony / bloga na telefonie

Mam mały problem, który mnie nieco denerwuje.
Gdy wejdę w swojego posta na telefonie to ładuje się najpierw tylko połowa, a dopiero później reszta (czasem w ogóle reszta się nie załaduje).

Problem jest tylko na telefonie, i z tego co zauważyłam tylko na chromie...

Da się z tym coś zrobić?

---

Kod

http://www.pasjekaroliny.pl/2016/06/karolinki-czerwiec-2016.html
______________________________________________________
PasjeKaroliny.pl
 
  podziel si� tym postem na:




Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław

Wysłany: 2016-06-30, 14:34   blog nie ładuje się w całości lub bardzo długo na komórkach

a co zawiera połowa? To może być kwestia przeładowania strony obciążającymi elementami i słabszy sprzęt nie daje rady albo na wolnym łączu dłużej trwa wczytywanie zawartości.

Ja sprawdziłem teraz na moim domowym wifi i się wczytało chyba wszystko. Tyle, że ja mam samsunga galaxy s6 a większość osób ma zazwyczaj coś dużo tańszego, mniej wydajnego i korzysta poza domem.

test "prędkości / wydajności" też średnio wygląda: https://developers.google...html&tab=mobile
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
Lukem 
Blogowicz.Friend

Pomógł: 89 razy
Dołączył/a: 01 Kwi 2006
Posty: 1739

Wysłany: 2016-06-30, 14:53   

Szybki rzut oka w narzędzia Chrome i widzę, że przy otwarciu strony ładuje się prawie 7 MB treści i strona potrzebuje 6 sekund na załadowanie (a testuję na laptopie z normalnym łączem - dla słabszych urządzeń z niestabilnym połączeniem ten czas będzie dużo dłuższy).

Do tego widzę, że jedno ze zdjęć o szerokości 1600px skalujesz w dół do 800px. Nie wiem, czy te same obrazki są serwowane użytkownikom mobilnym, ale przygotowuj grafiki w rozmiarze docelowym i stosuj kompresję JPG - teraz użytkownicy pakietów internetowych dostają po krzyżu. :/
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław

Wysłany: 2016-06-30, 15:48   

W sumie to prędkość ładowania strony może podejrzeć w analytics -> zachowanie -> szybkość witryny.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
yagoda_she 
Blogger.Klub


Imię: Karolina G.
Dołączyła: 07 Mar 2013
Posty: 40

Wysłany: 2016-07-01, 08:50   

Cytat

a co zawiera połowa? To może być kwestia przeładowania strony obciążającymi elementami i słabszy sprzęt nie daje rady albo na wolnym łączu dłużej trwa wczytywanie zawartości.


jedno zdjęcie i trochę tekstu (za każdym razem inna długość). zdjęcie skompresowane ok 150-200kb

Cytat

Nie wiem, czy te same obrazki są serwowane użytkownikom mobilnym, ale przygotowuj grafiki w rozmiarze docelowym i stosuj kompresję JPG - teraz użytkownicy pakietów internetowych dostają po krzyżu.


cała dolna sekcja z polecanymi wpisami, oraz menu obrazkowe nie jest wyświetlane na komórkach więc powinno być sporo mniej...
______________________________________________________
PasjeKaroliny.pl
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław

Wysłany: 2016-07-01, 15:22   

Kod

#blogfooter-all {
display: none !important;
}
nie zablokowało wykonania skryptów. Zawartość nie jest widoczna dzięki takiemu zapisowi w CSS, ale treść i tak została pobrana przy ładowaniu.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
yagoda_she 
Blogger.Klub


Imię: Karolina G.
Dołączyła: 07 Mar 2013
Posty: 40

Wysłany: 2016-07-02, 16:02   

No właśnie do tego doszłam - właśnie ukrywam... :)

[ Dodano: 2016-07-02, 17:33 ]
a znasz skuteczny sposób na ukrycie elementów na urządzeniach mobilnych?
______________________________________________________
PasjeKaroliny.pl
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław

Wysłany: 2016-08-09, 22:46   data:blog.isMobileRequest oraz data:blog.isMobile

yagoda_she napisał/a:

a znasz skuteczny sposób na ukrycie elementów na urządzeniach mobilnych?
W javascriptach można stosować podobne rozwiązania jakie są w CSS (czyli media queries). Zacząłem wykorzystywać to jakiś czas temu by ładować mniejsze obrazy w rotatorach i innych dodatkach pobierających treści z kanału witryny.

Wśród tagów warunkowych bloggera jest też taki, którym można sprawdzić czy wysłano żądanie wczytania wersji mobilnej (czyli adres bloga z ?m=1). Plusem jest to, że działa także z wyłączonym szablonem na urządzenia mobilne.

Kod

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
treść jak warunek spełniony
<b:else/>
treść jeżeli warunek nie jest spełniony
</b:if>



Drugim z tagów jest taki, który działa na dedykowanych szablonach mobilnych:

Kod

<b:if cond='data:blog.isMobile == &quot;false&quot;'>
treść jeżeli warunek nie jest spełniony
</b:if>


kod, który można spotkać w nowych szablonach bloggera:

Kod

<b:if cond='data:view.isMobile'>
pojawi się w widoku komórkowym
</b:if>
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
::
Odpowiedz do tematu
Nie możesz pisać nowych tematów. Zobacz szczegły.
Nie możesz odpowiadać w tematach. Zobacz szczegły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2024 Wrocław | modified by Przemo © 2003 phpBB Group.
skocz na górę   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony blogów i stron na wordpress
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz