Optymalizacja Wordpres - jquery.js

[AdamAGP#]

Według stat najwięcej transferu pożera mi

wp-includes/js/jquery/jquery.js

i

wp-content/themes/..../includes/js/jquery-1.2.1.pack.js

Da się to jakoś zoptymalizować? Do czego to w ogóle jest?

[zgred]

https://docs.jquery.com/How_jQuery_Works

[beha]

Biblioteka do manipulacji elementami DOM na stronie.

Jak Ci pozera za duzo transferu to mozesz pobierac jquery z google za pomoca google.load

https://code.google.com/apis/ajaxlibs/documentation/

[Mion]

Tak jak pisze @beha możesz pobierać jquery z bibliotek JS udostępnianych przez google.

Serwery google są tak wydajne, że nie powinno być różnicy w tym skąd pobierany jest kod jquery.

[beha]

Z google powinno byc nawet szybciej bo uzywa CDN. Tylko jest drobny narzut przez javascript (google.load), ale i na to jest rada np

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> ( ale nie gwarantuje ze to bedzie zawsze dzialac )

Tak w ogole to nie powinno to zjadac tak duzo transferu, chyba ze masz balagan w headers i za kazdym odswiezeniem strony javascript jest pobierany od nowa.

Wiekszosc hostingow powinna miec zainstalowane mod_expires, jak masz dostep do htaccess wtedy mozesz sprobowac dodac w .htacces cos takiego

ExpiresActive On

ExpiresByType text/js "access plus 1 month"

ExpiresByType text/javascript "access plus 1 month"

ExpiresByType application/javascript "access plus 1 month"

ExpiresByType application/x-javascript "access plus 1 month"

jak wywala error 500 to usun

[giker]

Będzie - sam w większości projektów tak to wrzucam.

Dodatkowym plusem tego rozwiązania jest to, że pewnie i tak większość userów mimo wszystko ma to w cache przeglądarki.

[AdamAGP#]

No może być tam dużo śmieci bo theme dość rozbudowany, pełno jakichś dziwnych funkcji - część pokasowałem, wtyczek też dość dużo jest -ale nie wiem czy to ma znaczenie.

Przy automatycznej aktualizacji wp to będzie z powrotem nadpisywał?

Pożera mi ponad 20% tego co cały serwis.

Gdzie to się wstawia "<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>" zamiast czego? w header.php?

Mam coś takiego

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/includes/js/jquery-1.2.1.pack.js"></script>
   <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/includes/js/tabs.js"></script>	   
   <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/includes/js/suckerfish.js"></script>	   

<!--[if lt IE 7]>
<script src="https://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
<![endif]-->

ale nigdzie nie widzę odwołąnia do samego "wp-includes/js/jquery/jquery.js" chyba jest ładowane przez <?php wp_head(); ?>

Mam też dostęp do .htaccess - to wstawić to bez żadnych wprowadzeń obojętnie gdzie? wywala błąd 500 .htaccess też mam dość duży z blokowaniem spambotów koło 10tys ip ma ok 230kb

[beha]

usun to

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/includes/js/jquery-1.2.1.pack.js"></script>

i wstaw to

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

Tylko przetestuj dobrze swoja strone bo 1.2.1 nie jest hostowana na google . Jak ci sie bedzie cos sypac to mozesz sprobowac z ta wersja https://ajax.googleapis.com/ajax/libs/jquer...2/jquery.min.js

Tego do htaccess nie musisz wstawiac, wstaw na razie ten link jquery do google powinno pomoc. Tylko przetestuj dynamiczne elementy na stronie.

a ten drugi jquery.js jest uzywany chyba w adminie np /wp-admin/js/revisions-js.php ( ale to i tak bedzie nadpisane za nastepnym wordpress update )

[giker]

Możesz właśnie w .htaccess odwołania do jquery na Twoim serwerze przekierować na serwery googla

[AdamAGP#]

Niestety i przy obydwu wersjach rozlatuje mi się menu po prawej (całe jest wyświetlane na raz) https://www.webbest.eu/ - te przełączane popularne/ostatnie/tagi/ - nie mam pojęcia jak to jest zrobione w sidebar nic nie ma z js. Reszta chyba działa.

Może spróbuję chociaż ten drugi zastąpić. Jest w revisions-js.php to też mogę tym 1.4.2 zastąpić?

Możesz właśnie w .htaccess odwołania do jquery na Twoim serwerze przekierować na serwery googla

w .htaccess jak dodałem te linijki to mi wyskoczył błąd 500

[beha]

Ten linijki byly do prawidlowego cachowania javascriptu przez przegladarki, a giker mowil o przekierowaniu - to co innego. Ale jak ci sie sypie z innymi wersjami to przekierowanie tez nic nie da.

spojrzalem do Twojego kodu i includejesz dwie biblioteki jquery

<script type="text/javascript" src="https://www.webbest.eu/wp-content/themes/freshnews/includes/js/jquery-1.2.1.pack.js"></script>

<script type='text/javascript' src='https://www.webbest.eu/wp-includes/js/jquery/jquery.js?ver=1.3.2'></script>

wiec to pewnie o to jquery.js chodzi, nie to z admina. Nie wiem w ogole jak to moze dzialac, moze dlatego, ze jedna uzywa jQuery.noConflict() ... moze dlatego sie nie gryza

Obie nie sa potrzebne bo chyba tylko potrzebujesz jquery do tabow.

Menu gorne jest zrobione w tym skrypcie suckerfish on nie potrzebuje jquery

jak usuniesz to drugie jquery 1.3.2 to powinno dzialac. Jak nie wiesz skad sie bierze ( zjakiego pluginu ) mozesz usunac czesc odpowiedzialna za includowanie javascriptu z wordpressa i wstawic javascript recznie.

EDIT:

Ok sorry widze, ze masz tam jeszcze wiecej tego javascriptu do PostRatings i WP-pools bezposrednio w body. wiec mozesz potrzebowc niestety obu bibliotek

Edit2:

ale mozesz probowac usunac to drugie jquery. bo WP-pools i Post ratings uzywaja "tw-sack.js?ver=1.6.1'"

[AdamAGP#]

No właśnie to <script type='text/javascript' src='https://www.webbest.eu/wp-includes/js/jquery/jquery.js?ver=1.3.2'></script> jest w kodzie ale w header.php tego nie ma jest tylko funkcja <?php wp_head(); ?> to chyba ona to includuje.

PostRatings i WP-pools to wtyczki więc pewnie korzystają z tego wordpresowego jquery.js tylko nie wiem gdzie to trzeba nadpisać.

Nie wiem czemu się to menu "rozwija" całe (wszystkie zakładki pod sobą są) jak zmieniłem na to googlowe ten jquery-1.2.1.pack.js

[beha]

No właśnie to <script type='text/javascript' src='https://www.webbest.eu/wp-includes/js/jquery/jquery.js?ver=1.3.2'></script> jest w kodzie ale w header.php tego nie ma jest tylko funkcja <?php wp_head(); ?> to chyba ona to includuje.

PostRatings i WP-pools to wtyczki więc pewnie korzystają z tego wordpresowego jquery.js tylko nie wiem gdzie to trzeba nadpisać.

Ale wiecej transferu niz to jquery zzera Ci 156 linijka w styles.css ( wp-content/themes/freshnews/style.css )

#header h1 {

background:url("styles/grey/logo.png") no-repeat scroll 0 0 transparent;

float:left;

margin-top:5px;

text-indent:-9999px;

}

usun te poprzednie logo, bo i tak to potem napisujesz w pliku 2-brownie.css

czyli usun "background:url("styles/grey/logo.png") no-repeat scroll 0 0 transparent;" i masz zaoszczezone wiecej niz na tym jquery ( te stare wersje to tylko kilka kilobajtow )

to wp_head() to lepiej zostaw bo masz chyba troche dynamicznego kontentu wstawianego przez to WP-POOLS i WP-RATING.

Twoja strona nie jest jakas bardzo ciezka jak na dzisiejsze standardy, 100kb. myslalem na poczatku ze moze naprawde to jquery jest ciezkie (jak te nowe wersje) ale to tylko 25kb dla obydwu razem wzietych.

A rozwija wszystkie zakladki, dlatego, ze pewnie javascript przestaje dzialac z jakiegos powodu (bo moze dwie blbilioteki )

A te wtyczki uzywaja tw-sack

[AdamAGP#]

Dzięki - nie wiedziałem, że to drugie się czytuje, w statach nie było nic, chociaż w operze czasem wyskakiwało i się zastanawiałem dlaczego .

usunąłem

Tylko inny suprise wyskoczył - napis z h1 , ale to jakoś wykombinuję. W ogóle niezbyt to jest zrobione, całego css'a by się przydało przepisać, ale to już podaruje sobie

Wg. stat serwera wp-includes/js/jquery/jquery.js ponad 10% transferu.