zacinająca się strona one page, Pomocy!

Dział poświęcony pozostałym kwestiom związanym z kodowaniem w CMS Wordpress.
no avatar
kulikos
 
Posty: 9
Reputacja: 0 pkt
Od: 24 mar 2017, o 16:32

zacinająca się strona one page, Pomocy!

przez kulikos » 24 mar 2017, o 16:44

Witam wszystkich forumowiczów.
Jestem nowy na forum więc proszę o wyrozumiałość :)
Mam problem z zacinającą się stroną typu one page. Zaraz po odpaleniu strony działa ok, jednak po chwili zaczyna się przycinać podczas przewijania i strasznie to wygląda. Strona jest zbudowana na szablonie One Tone (darmowym) z wykorzystaniem DIVI buildera.
Wydaję mi się że powstał gdzieś konflikt bibliotek jquery, jestem trochę zielony w tym temacie. Szablon jest w aktualnej wersji.
Problem dotyczy strony http://test.ragus.pl/
Jeśli ktoś już uporał się z takim problemem, będę bardzo wdzięczny za wskazówki pomocne w jego rozwiązaniu.

Pozdrawiam wszystkich forumowiczów

Avatar użytkownika
tuning4web
Świeżak
 
Posty: 197
Reputacja: 22 pkt
Od: 6 paź 2016, o 09:11

Re: zacinająca się strona one page, Pomocy!

przez tuning4web » 24 mar 2017, o 17:00

Problem rozwiązany? Nie widzę żadnych problemów..
wp-info - Porady i informacje na temat WordPressa | Tuning4Web - Przyspiesz/zmodyfikuj swoją stronę www

no avatar
kulikos
 
Posty: 9
Reputacja: 0 pkt
Od: 24 mar 2017, o 16:32

Re: zacinająca się strona one page, Pomocy!

przez kulikos » 24 mar 2017, o 17:49

Problem nie rozwiązany, jak zostaniesz kilkanaście sekund na stronie to zobaczysz że przewijając stronę scrollem przycina się stanowczo.
I nie mam pojęcia gdzie leży problem. Występuje to na wszystkich przeglądarkach i różnych komputerach, bo testowałem.

Avatar użytkownika
tuning4web
Świeżak
 
Posty: 197
Reputacja: 22 pkt
Od: 6 paź 2016, o 09:11

Re: zacinająca się strona one page, Pomocy!

przez tuning4web » 25 mar 2017, o 12:19

Faktycznie, po dłuższym czasie widać problem. Brak błędów skryptowych w konsoli. Ale konsola FF pokazuje taki problem:
"Strona wydaje się używać efektu pozycjonowania zależnego od przewijania. Może to nie działać właściwie. Pod adresem https://developer.mozilla.org/en-US/doc ... kedEffects można znaleźć szczegółowe informacje i wskazówki jak pomóc. test.ragus.pl"

Ogólnie na stronie demo tego motywu nie widzę problemu, więc musiałeś
a) zainstalować jakąś wtyczkę, która powoduje problem
b) edytować skrypty motywu odpowiedzialne za scrollowanie/pozycjonowanie.
Fibbo lubi ten wpis.
wp-info - Porady i informacje na temat WordPressa | Tuning4Web - Przyspiesz/zmodyfikuj swoją stronę www

no avatar
kulikos
 
Posty: 9
Reputacja: 0 pkt
Od: 24 mar 2017, o 16:32

Re: zacinająca się strona one page, Pomocy!

przez kulikos » 25 mar 2017, o 12:31

Sprawdzę wszystkie wtyczki czy jakaś nie koliduje, a skryptów motywu nie edytowałem akurat w tym szablonie. Sprawdzę oczywiście ten problem który pokazała konsola FF może akurat tam leży przyczyna.
Dzięki za podpowiedź, dam znać jak poszło.

no avatar
kulikos
 
Posty: 9
Reputacja: 0 pkt
Od: 24 mar 2017, o 16:32

Re: zacinająca się strona one page, Pomocy!

przez kulikos » 10 maja 2017, o 15:04

Sorki że dopiero teraz odpisuję, ale miałem urwanie głowy z pracami.
Sprawdziłem wtyczki, mam tylko 2 i żadna nie koliduje. Problem nadal się utrzymuje.
Sprawdziłem stronę google developers https://developers.google.com/speed/pag ... hts/?hl=pl i pokazało następujące błędy (załącznik).
Piszą coś o blokowaniu strony przez JavaScript i CSS, usunąłem ten kod JavaScript i strona sie posypała, więc przywróciłem go z powrotem.
Sprawdzałem kilka popularnych stron tym narzędziem i na każdej są podobne błędy jeśli chodzi o php, natomiast strony w html pokazuje prawie bezbłędnie. Więc nie wiem na ile można wierzyć temu narzędziu, gdzieś jest pewnie ziarnko prawdy.
Jak ktoś zna rozwiązanie mojego problemu, chętnie przyjmę wszystkie wskazówki.

Pozdrawiam
Załączniki
2017-05-10_144201.jpg
2017-05-10_144201.jpg (118.31 KiB) Przeglądane 427 razy

Avatar użytkownika
Sebastian Cieślak
Świeżak
 
Posty: 192
Reputacja: 8 pkt
Od: 14 lut 2017, o 21:10
Lokalizacja: Konin

Re: zacinająca się strona one page, Pomocy!

przez Sebastian Cieślak » 10 maja 2017, o 23:33

A te obrazy ma pan w rozszerzeniach PNG lub TIFF? jeśli tak zmienić na JPG nie tracąc jakości bo tak się da i podmień je.

Poza tym czytał pan artykuł na tej stronie > http://jacekjagusiak.pl/wyeliminuj-blok ... avascript/?
Potrzebujesz pomocy w wordpress?
Zapraszam: https://www.facebook.com/sebastian.cieslak.1.

*Wspieram za free! tylko w miarę możliwości (mało czasochłonne) zadania. Pozdrawiam!

no avatar
kulikos
 
Posty: 9
Reputacja: 0 pkt
Od: 24 mar 2017, o 16:32

Re: zacinająca się strona one page, Pomocy!

przez kulikos » 11 maja 2017, o 11:16

Wszystkie zdjęcia mam jpg oraz png przygotowane z kompresją specjalną dla web.
Co do tego artykułu to bardzo interesujący, dzięki przeczytałem i wykonałem drugi sposób jak autor poleca.
Wyszukałem w kodzie wszystkie "wp_enqueue_script”, każdy miał nadany parametr "true" poza jednym:

wp_enqueue_script( 'et-jquery-touch-mobile', $template_dir . '/includes/builder/scripts/jquery.mobile.custom.min.js', array( 'jquery' ), $theme_version, true );
wp_enqueue_script( 'divi-custom-script', $template_dir . '/js/custom.js', $dependencies_array , $theme_version, true );

if ( 'on' === et_get_option( 'divi_smooth_scroll', false ) ) {
wp_enqueue_script( 'smooth-scroll', $template_dir . '/js/smoothscroll.js', array( 'jquery' ), $theme_version, true );
}
Zmieniłem ten parametr na "true" i przy pierwszym ładowaniu strony BOMBA! śmiga, ale po jakimś czasie znowu zaczyna się przycinać.
Więc myślę że następny problem to będzie "optymalizacja wyświetlania CSS" ale to tylko moje domysły.
A co Pan o tym sądzi?

Avatar użytkownika
Sebastian Cieślak
Świeżak
 
Posty: 192
Reputacja: 8 pkt
Od: 14 lut 2017, o 21:10
Lokalizacja: Konin

Re: zacinająca się strona one page, Pomocy!

przez Sebastian Cieślak » 11 maja 2017, o 15:09

Dokładnie, jeśli nie było to robione to jak najbardziej :)

PS: teraz zauważyłem że skanował pan już stronę poprzez https://developers.google.com/speed/pagespeed/insights/

No to skoro tak to po analizie na samym dole ma pan coś takiego jak (Pobierz zoptymalizowane obrazy oraz zasoby JavaScript i CSS dla tej strony.) Pobierasz podmieniasz ze swoimi na serwerze i git :)

Ewentualnie druga opcja:

Wtyczka > https://pl.wordpress.org/plugins/wp-smushit/ która automatycznie wykona bezstratną optymalizację obrazków znajdujących się w bibliotece mediów. (do 50 sztuk w wersji free, ale można jeśli się ma 100 na dwa razy zrobić optymalizację jednak jednorazowo 50 plików).

I https://pl.wordpress.org/plugins/autoptimize/ wtedy wtyczka spełnia swoje zadanie już przy domyślnych ustawieniach, ale warto pogrzebać chwilę w jej konfiguracji (Ustawienia → Autoptimize).

Włączyłem tylko następujące opcje:
- Optymalizuj kod HTML
- Optymalizuj kod JavaScript
- Wymuś JavaScript w <head>
- Optymalizuj kod CSS
- Zapisz połączony skrypt/CSS jako plik statyczny

Do wyboru do koloru albo pierwsza wersja albo druga z dwoma wtyczkami :)
Proszę dać znać czy wszystko gra :) pozdrawiam! ps: podziękuj jeśli pomogło, Pozdrawiam ;)
Potrzebujesz pomocy w wordpress?
Zapraszam: https://www.facebook.com/sebastian.cieslak.1.

*Wspieram za free! tylko w miarę możliwości (mało czasochłonne) zadania. Pozdrawiam!

no avatar
adam.lachut
 
Posty: 34
Reputacja: 5 pkt
Od: 20 mar 2017, o 20:58

Re: zacinająca się strona one page, Pomocy!

przez adam.lachut » 11 maja 2017, o 19:25

Myślę że nie tędy droga. Wszystkie te porady dotyczą bardziej czasu ładowania strony, mniej działania strony po załadowaniu.

Jeśli się dokładniej przyjrzeć, to 'setTimeout' z /wp-content/themes/Divi/includes/builder/scripts/frontend-builder-scripts.js:4092 zajmuje po kilka sekund (tym więcej, im dłużej strona jest otwarta, nawet 10s).

Trudno coś więcej powiedzieć patrząc z zewnątrz. Chyba spróbowałbym wyłączać poszczególne sekcje i/lub efekty (np. slidery) żeby zawęzić poszukiwania :)

A.

Następna strona



  • Podobne tematy
    Odpowiedzi
    Wyświetlone
    Ostatni post

Powrót do Kodowanie w Wordpressie

Kto przegląda forum Wordpress

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 0 gości