Oldal: 1 / 3 123 UtolsóUtolsó
Eredmény: 1 - 10 (22) összesen

Téma: PageSpeed Insights

  1. #1
    Új tag
    Csatlakozott
    10-08-01
    Hozzászólás
    27
    Thanked 1 Time in 1 Post

    Alapbeállítás PageSpeed Insights

    Előre is elnézést, ha nem jó helyre küldtem.

    Adott egy weboldal, ahol a tesztnél az alábbi van :

    Mindenképpen javítást igényel:
    A megjelenítést gátló JavaScript és CSS kizárása a hajtás feletti tartalomban
    jquery-1.11.1.min.js
    jquery.scrollUp.min.js

    Hogy tudom ezt javítani? Sajnos nem találtam semerre megoldást erre...
    Valakinek valami ötlet ?



  2. #2
    Bölcs Baross Ferenc logója
    Csatlakozott
    09-04-06
    Hely
    Budapest
    Hozzászólás
    2.208
    Begyűjtött 844 köszönetet
    573 hozzászólásával

    Alapbeállítás re: PageSpeed Insights

    aszinkron módon kell őket betölteni:
    HTML script async Attribute



  3. Az alábbi felhasználók hálásak a válaszért:

    Bolha09 (2015-03-27)

  4. #3
    Törzsvendég
    Csatlakozott
    12-04-03
    Hely
    Budapest
    Hozzászólás
    139
    Begyűjtött 33 köszönetet
    27 hozzászólásával

    Alapbeállítás re: PageSpeed Insights

    Én arra szeretnék infót kérni, hogy egy Wordpress oldalnál ezt hogyan tudnám megoldani?
    Arra sincs konkrét infóm, hogy a figyelmeztetés a WP saját belső vagy az egyik (vagy több) plugin része miatt van.
    Az oldal forrásába kellene belenyúlnom vagy van erre valami más megoldás? Régebben volt, amikor a forrásba nyúltam egy speciális plugin gond miatt, de minden frissítéskor újra módosítanom kellett. Ezt most az automatikus frissítés pluszban bonyolítja. (Bár csak a biztonsági frissítést engedélyezem automatikusan.)



  5. #4
    Szerkesztő lehelka logója
    Csatlakozott
    08-08-13
    Hely
    Kolozsvár
    Hozzászólás
    236
    Begyűjtött 6 köszönetet
    6 hozzászólásával

    Alapbeállítás re: PageSpeed Insights

    Itt van egy jó leírás erről, plugint is ajánl: seo-hacker.com/optimizing-site-speed-asynchronous-deferred-javascript/
    Meg itt is: managewp.com/asynchronous-improve-page-speed



  6. Az alábbi felhasználók hálásak a válaszért:

    V.A.Lucky (2015-04-19)

  7. #5
    Bölcs
    Csatlakozott
    08-01-02
    Hozzászólás
    1.271
    Begyűjtött 82 köszönetet
    53 hozzászólásával

    Alapbeállítás re: PageSpeed Insights

    Engem is érdekelne a véleményetek. Ugyanis ezzel nagyon nem értek egyet. (a css fájl esetében)

    1. CSS a fejlécben
    Hagyományos megoldás - CSS betölt, oldal ezután megjelenik. (2. 3. oldalbetöltésnél CSS cache-ben van.)

    2. Google féle megoldás
    Az oldal gyorsan lerendelődik, viszont pl Chrome-ban borzasztó idegesítő villogó effekt van oldalváltáskor. Mintha a CSS sem a cacheben lenne hanem a js töltené be (de ehhez lassabb internet kellene).
    https://developers.google.com/speed/...izeCSSDelivery

    3. CSS-t beteszem a láblécbe
    Ilyenkor is először az oldal tartalmi része tölt be, viszont a css file a böngészőben letárolódik. Hátránya: insight továbbra is lepontoz minket, és szintén tapasztalható villogás.

    Megjegyzés: Firefox sokkal szebben kezeli!



  8. #6
    'Say Hello To My Little Friend'
    Csatlakozott
    10-04-13
    Hely
    Budapest
    Hozzászólás
    2.784
    Begyűjtött 863 köszönetet
    659 hozzászólásával

    Alapbeállítás re: PageSpeed Insights

    Egyértelműen az 1. A 2. szerintem értelmetlen, ha kis css-ről van szó, semmi idő alatt értelmezi a böngésző. A 3. meg szintén, max. akkor lehet jó, ha tényleg nagy (10+ KB)) a css file, és ha nincs benne fontos, hajtás feletti elemre vonatkozó direktíva.

    Esetleg azt tudom elképzelni, hogy a hajtás feletti elemek CSS-e meg az alap oldalszerkezet teljesen fejlécben töltődik be (naná, azt szeretnénk, hogy szép legyen az oldal!), a lentebbi, később szükségesek meg JS-el odarakhatóak egy másik css filelal.



  9. Az alábbi felhasználók hálásak a válaszért:

    oszti (2015-05-22)

  10. #7
    Bölcs Andrea logója
    Csatlakozott
    08-03-26
    Hozzászólás
    1.033
    Begyűjtött 278 köszönetet
    213 hozzászólásával

    Alapbeállítás re: PageSpeed Insights

    Wp: nézd meg a gtmetrix.com-on, miket tölt be. A wp fastest cache sokat segít, de vannak async bővítmények is... Meg html5 sablonban az is elég, ha a script-be beleírod (_http://www.w3schools.com/tags/att_script_async.asp), plusz itt leírtam néhány dolgot:
    _https://keresooptimalizalas.be/wordpress-optimalizalas-sebessegre-hangolva



  11. Az alábbi felhasználók hálásak a válaszért:

    oszti (2015-05-22)

  12. #8
    Bölcs
    Csatlakozott
    11-12-21
    Hozzászólás
    763
    Begyűjtött 116 köszönetet
    100 hozzászólásával

    Alapbeállítás re: PageSpeed Insights

    Idézet Emphus eredeti hozzászólása Hozzászólás megtekintése
    Esetleg azt tudom elképzelni, hogy a hajtás feletti elemek CSS-e meg az alap oldalszerkezet teljesen fejlécben töltődik be (naná, azt szeretnénk, hogy szép legyen az oldal!), a lentebbi, később szükségesek meg JS-el odarakhatóak egy másik css filelal.
    De így a gugli fekete pontja továbbra is marad, ráadásul a laphoz hozzá adtál még egy szerver érintési pontot.

    Ha a felső css-t nem betöltöd a fejlécbe, hanem a forráshoz adod a kódokat akkor meg fölösen növeled meg az összes lap méretét. (Kivétel persze galériáknál meg egyebeknél, mert ott amúgy sem érdemes külső css fájlt betölteni.)

    Bár igazából mivel a hajtás feletti rész nem csak a fejlécből áll, így többnyire már a tartalmi rész teteje is bele tartozik... Egyszer próbáltam megoldani, hogy a hajtás feletti rész elemeit kivettem a css-ből, de ez jó 80%-a volt az egésznek, így hagytam is a fenébe.

    A másik meg a felhasználói élmény megtartása volt amiért maradtam a rég bevált módszernél. Mert azért az tényleg baromi idegesítő tud lenni, mikor szanaszét jelenik meg egy oldal, aztán egyszer a helyére ugranak az elemek.

    Egyébként régebben úgy volt (mostanában nem néztem), hogy ha egy üres css fájlt töltöttem be a fejlécbe a gugli akkor is sikított érte.


    Utoljára módosítva: Janko által : 2015-05-22 20:04

  13. #9
    'Say Hello To My Little Friend'
    Csatlakozott
    10-04-13
    Hely
    Budapest
    Hozzászólás
    2.784
    Begyűjtött 863 köszönetet
    659 hozzászólásával

    Alapbeállítás re: PageSpeed Insights

    Idézet Janko eredeti hozzászólása Hozzászólás megtekintése
    De így a gugli fekete pontja továbbra is marad, ráadásul a laphoz hozzá adtál még egy szerver érintési pontot.
    És?

    Idézet Janko eredeti hozzászólása Hozzászólás megtekintése
    Ha a felső css-t nem betöltöd a fejlécbe, hanem a forráshoz adod a kódokat akkor meg fölösen növeled meg az összes lap méretét. (Kivétel persze galériáknál meg egyebeknél, mert ott amúgy sem érdemes külső css fájlt betölteni.)
    He? Milyen "felső css"? És mi van akkor, ha 300 bájttal megnövelem a forrást? Az már 10 évvel ezelőtt sem volt gond.

    Idézet Janko eredeti hozzászólása Hozzászólás megtekintése
    Bár igazából mivel a hajtás feletti rész nem csak a fejlécből áll, így többnyire már a tartalmi rész teteje is bele tartozik...
    WTF? A fejléc (= html head) nem jelenik meg, köze nincs a hajtás feletti részhez (kivéve a title). MINDIG beletartozik a tartalmi rész teteje, hisz a tartalmi rész görgetés nélkül látható része a hajtás feletti rész.



  14. #10
    Bölcs
    Csatlakozott
    08-01-02
    Hozzászólás
    1.271
    Begyűjtött 82 köszönetet
    53 hozzászólásával

    Alapbeállítás re: PageSpeed Insights

    Mértem párat. A különbség 0.3 sec volt a betöltések között. Tehát ha async töltöm be akkor ennyivel gyorsabb az oldal, viszont cserébe "ugrál" a képernyő oldalváltáskor. Nekem ennyit nem ér, ezért most még hagyom a headben a css-t.

    (Egyébként hamarosan a css is kap a js fájlok "async" módjához hasonló paramétert.)

    Idézet Emphus eredeti hozzászólása Hozzászólás megtekintése
    WTF? A fejléc (= html head) nem jelenik meg, köze nincs a hajtás feletti részhez (kivéve a title). MINDIG beletartozik a tartalmi rész teteje, hisz a tartalmi rész görgetés nélkül látható része a hajtás feletti rész.
    A Google picit másképp nézi. Szerinte az első 14.6kB-t jelenti (tömörítve persze). Ez az egyik oka, hogy a css fájlok betöltését is elhalasztaná.
    https://developers.google.com/speed/...VisibleContent


    Utoljára módosítva: oszti által : 2015-05-22 20:58

  15. Az alábbi felhasználók hálásak a válaszért:

    Janko (2015-05-22)

Oldal: 1 / 3 123 UtolsóUtolsó

Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •