Jump to content
Sign in to follow this  
AdamAGP#

Optymalizacja Wordpres - jquery.js

Recommended Posts

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?


ZGORA - portal z poradnikami między innymi o webmasterstwie - szukasz porady - zajrzyj

Kobietyn - portal dla kobiet.

Webbest.eu

Share this post


Link to post
Share on other sites

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.


HTTP 200 usługi IT - Dariusz Janicki | Realizacja serwisów www oraz oprogramowania w PHP / C# / Golang / Node.js / MySQL
- Full Stack Developer - :chatownik:

+ Ciekawy VLOG o Dubaju 

Share this post


Link to post
Share on other sites

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="http://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

Edited by beha

...

Share this post


Link to post
Share on other sites

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="http://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="http://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

Edited by AdamAGP#

ZGORA - portal z poradnikami między innymi o webmasterstwie - szukasz porady - zajrzyj

Kobietyn - portal dla kobiet.

Webbest.eu

Share this post


Link to post
Share on other sites

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="http://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 http://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 )

Edited by beha

...

Share this post


Link to post
Share on other sites

Niestety i przy obydwu wersjach rozlatuje mi się menu po prawej (całe jest wyświetlane na raz) http://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

Edited by AdamAGP#

ZGORA - portal z poradnikami między innymi o webmasterstwie - szukasz porady - zajrzyj

Kobietyn - portal dla kobiet.

Webbest.eu

Share this post


Link to post
Share on other sites

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="http://www.webbest.eu/wp-content/themes/freshnews/includes/js/jquery-1.2.1.pack.js"></script>

<script type='text/javascript' src='http://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'"

Edited by beha

...

Share this post


Link to post
Share on other sites

No właśnie to <script type='text/javascript' src='http://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

Edited by AdamAGP#

ZGORA - portal z poradnikami między innymi o webmasterstwie - szukasz porady - zajrzyj

Kobietyn - portal dla kobiet.

Webbest.eu

Share this post


Link to post
Share on other sites
No właśnie to <script type='text/javascript' src='http://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

Edited by beha

...

Share this post


Link to post
Share on other sites

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.

Edited by AdamAGP#

ZGORA - portal z poradnikami między innymi o webmasterstwie - szukasz porady - zajrzyj

Kobietyn - portal dla kobiet.

Webbest.eu

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. Terms of Use Privacy Policy