Czy wtyczki WordPress spowalniaj\u0105 twoj\u0105 stron\u0119?<\/p>\n
Powszechnym konsensusem jest \u201etak".<\/p>\n
Prawda?<\/p>\n
To zale\u017cy.<\/p>\n
W tym po\u015bcie zag\u0142\u0119bi\u0119 si\u0119 w szczeg\u00f3\u0142y, w jaki spos\u00f3b wtyczki wp\u0142ywaj\u0105 na szybko\u015b\u0107 witryny, dzi\u0119ki czemu mo\u017cesz przeprowadzi\u0107 audyt w\u0142asnych wtyczek i zdecydowa\u0107, kt\u00f3re zachowa\u0107, a kt\u00f3re usun\u0105\u0107.<\/p>\n
Oto praktyczna zasada, kt\u00f3r\u0105 mo\u017cesz zastosowa\u0107 w swojej witrynie:<\/p>\n
Wtyczki zmieniaj\u0105ce front-end Twojej witryny spowalniaj\u0105 j\u0105. Wtyczki, kt\u00f3re wp\u0142ywaj\u0105 tylko na pulpit administratora, nie.<\/strong><\/p>\n Zamierzamy uzyska\u0107 wi\u0119cej szczeg\u00f3\u0142\u00f3w, ale je\u015bli to jedyny wniosek z tego posta, nadal b\u0119dziesz m\u00f3g\u0142 zoptymalizowa\u0107 swoj\u0105 witryn\u0119.<\/p>\n A co powiesz na kilka przyk\u0142ad\u00f3w?<\/p>\n Za\u0142\u00f3\u017cmy, \u017ce instalujesz now\u0105 wtyczk\u0119, aby doda\u0107 przyciski udost\u0119pniania spo\u0142eczno\u015bciowego na ko\u0144cu swoich post\u00f3w. Czy ta wtyczka spowalnia Twoj\u0105 witryn\u0119? Tak i mo\u017cesz by\u0107 tego pewien, poniewa\u017c zmienia on front-end Twojej witryny.<\/p>\n Wr\u0119cz przeciwnie, za\u0142\u00f3\u017cmy, \u017ce dodajesz now\u0105 wtyczk\u0119 do swojej witryny, kt\u00f3ra dodaje kategorie do Biblioteki multimedi\u00f3w. Czy to spowalnia Twoj\u0105 witryn\u0119? Nie, poniewa\u017c modyfikuje tylko panel administratora.<\/p>\n Aby lepiej to zrozumie\u0107, musimy dowiedzie\u0107 si\u0119, co sprawia, \u017ce \u200b\u200bwitryna WordPress dzia\u0142a wolniej.<\/p>\n Pliki.<\/p>\n \u0141adowanie wi\u0119kszej liczby plik\u00f3w i wi\u0119kszych plik\u00f3w powoduje spowolnienie witryn WordPress.<\/p>\n Gdy odwiedzaj\u0105cy pojawi si\u0119 w Twojej witrynie, z Twojego serwera do jego przegl\u0105darki jest dostarczanych wiele plik\u00f3w, a wska\u017anik \u0142adowania przegl\u0105darki b\u0119dzie si\u0119 obraca\u0142 i obraca\u0142, dop\u00f3ki wszystkie transfery plik\u00f3w nie zostan\u0105 zako\u0144czone.<\/p>\n Istniej\u0105 trzy g\u0142\u00f3wne typy plik\u00f3w, kt\u00f3re strony internetowe musz\u0105 dostarcza\u0107 odwiedzaj\u0105cym: arkusze styl\u00f3w (CSS), Javascript (JS) i obrazy (JPG\/PNG\/GIF).<\/p>\n Pliki CSS s\u0105 cz\u0119sto nazywane arkuszami styl\u00f3w i robi\u0105 dok\u0142adnie to, na co brzmi\u0105: stylizuj\u0105 Twoj\u0105 witryn\u0119. Na przyk\u0142ad wszystkie nasze motywy<\/a> \u0142aduj\u0105 jeden arkusz styl\u00f3w, kt\u00f3ry nadaje Twojej witrynie unikalny wygl\u0105d.<\/p>\n Kiedy dodajesz przyciski medi\u00f3w spo\u0142eczno\u015bciowych do swoich post\u00f3w, musz\u0105 one by\u0107 stylizowane, aby wygl\u0105da\u0142y \u0142adnie, wi\u0119c wtyczka musi za\u0142adowa\u0107 arkusz styl\u00f3w w Twojej witrynie, co spowalnia j\u0105.<\/p>\n JavaScript jest zwykle u\u017cywany do dodawania interaktywno\u015bci do strony internetowej. Na przyk\u0142ad, je\u015bli odwiedzaj\u0105cy czyta post i pojawia si\u0119 formularz wyskakuj\u0105cy, do wy\u015bwietlenia formularza zosta\u0142 u\u017cyty Javascript, a tak\u017ce jest u\u017cywany do ukrywania formularza po naci\u015bni\u0119ciu przycisku \u201eX”.<\/p>\n Wtyczki rzadko \u0142aduj\u0105 obrazy, ale je\u015bli widzisz w witrynie nowe obrazy pochodz\u0105ce z wtyczki, to dodatkowo zwi\u0119ksza to jej wp\u0142yw.<\/p>\n Oto wniosek, jaki mo\u017cemy z tego wyci\u0105gn\u0105\u0107: je\u015bli wtyczka dodaje stylizowan\u0105 tre\u015b\u0107 do Twojej witryny, \u0142aduje arkusz styl\u00f3w, a je\u015bli jakakolwiek cz\u0119\u015b\u0107 tre\u015bci jest interaktywna, \u0142aduje r\u00f3wnie\u017c plik JavaScript.<\/p>\n W wi\u0119kszo\u015bci przypadk\u00f3w \u017cadna pojedyncza wtyczka nie spowolni Ci\u0119 tak bardzo, ale efekt si\u0119 sumuje.<\/p>\n Je\u015bli masz 20 wtyczek, kt\u00f3re \u0142aduj\u0105 arkusz styl\u00f3w i plik JavaScript, wydajno\u015b\u0107 Twojej witryny znacznie spadnie. A oto jeszcze kilka z\u0142ych wiadomo\u015bci: niekt\u00f3re wtyczki s\u0105 naprawd\u0119 s\u0142abo zoptymalizowane i \u0142aduj\u0105 wiele arkuszy styl\u00f3w i plik\u00f3w JavaScript, mimo \u017ce mog\u0105 za\u0142adowa\u0107 tylko jeden z nich. 20 takich wtyczek spowolni indeksowanie witryny.<\/p>\n Z drugiej strony, je\u015bli masz zainstalowanych 20 wtyczek, ale dodaj\u0105 one tylko funkcje zakulisowe, Twoja witryna nie b\u0119dzie \u0142adowa\u0107 si\u0119 wolniej dla odwiedzaj\u0105cych.<\/p>\n W praktyce wi\u0119kszo\u015b\u0107 dodanych wtyczek b\u0119dzie mia\u0142a wp\u0142yw na front-end witryny, wi\u0119c og\u00f3lnie wtyczki spowalniaj\u0105 witryn\u0119, ale teraz wiesz, dlaczego nie zawsze tak jest.<\/p>\n Czytaj\u0105c ten post, mog\u0142e\u015b mie\u0107 t\u0119 przygn\u0119biaj\u0105c\u0105 my\u015bl:<\/p>\n \u201eWi\u0119c je\u015bli chc\u0119 doda\u0107 przyciski udost\u0119pniania spo\u0142eczno\u015bciowego lub inn\u0105 fajn\u0105 funkcj\u0119 za pomoc\u0105 wtyczki, wp\u0142ynie to na wydajno\u015b\u0107 mojej witryny?”<\/p>\n Niestety tak. Wszystko ma sw\u00f3j koszt i naprawd\u0119 wa\u017cne jest, aby o tym wiedzie\u0107, zarz\u0105dzaj\u0105c witryn\u0105 WordPress.<\/p>\n W wi\u0119kszo\u015bci przypadk\u00f3w, gdy kto\u015b ma naprawd\u0119 woln\u0105 witryn\u0119 WordPress, dzieje si\u0119 tak dlatego, \u017ce instaluje wtyczki, nie wiedz\u0105c, \u017ce b\u0119dzie to kosztowa\u0142o wydajno\u015b\u0107. Pozostawiaj\u0105 aktywne wtyczki, kt\u00f3rych ju\u017c nie u\u017cywaj\u0105, pomimo ich negatywnego wp\u0142ywu na wydajno\u015b\u0107 witryny.<\/p>\n Je\u015bli to ci\u0119 opisuje, to w porz\u0105dku! Ale nadszed\u0142 czas, aby przyci\u0105\u0107 swoje wtyczki, a kiedy sko\u0144czysz, gwarantuj\u0119, \u017ce Twoja strona b\u0119dzie si\u0119 \u0142adowa\u0107 szybciej.<\/p>\n To zajmie tylko chwil\u0119.<\/p>\n Przejrzyj menu wtyczek i znajd\u017a wszystkie aktywne wtyczki, kt\u00f3rych nie u\u017cywasz, i dezaktywuj je.<\/p>\n Je\u015bli wtyczka zostanie dezaktywowana, nie uruchomi \u017cadnego kodu ani nie b\u0119dzie mia\u0142a \u017cadnego wp\u0142ywu na wydajno\u015b\u0107 Twojej witryny.<\/p>\n Og\u00f3lnie rzecz bior\u0105c, nale\u017cy r\u00f3wnie\u017c usun\u0105\u0107 dezaktywowane wtyczki. Jedyny moment, w kt\u00f3rym powiniene\u015b zachowa\u0107 dezaktywowan\u0105 wtyczk\u0119 w swojej witrynie, to je\u015bli chcesz j\u0105 wkr\u00f3tce ponownie wykorzysta\u0107, na przyk\u0142ad wtyczk\u0119 trybu konserwacji. Ponadto, gdy usuniesz wtyczk\u0119, usunie ona Twoje wcze\u015bniejsze ustawienia, wi\u0119c je\u015bli planujesz ponownie u\u017cy\u0107 starych ustawie\u0144, wy\u0142\u0105cz je.<\/p>\n Usuni\u0119cie wtyczki zwolni niewielk\u0105 ilo\u015b\u0107 miejsca na serwerze, ale nie wp\u0142ynie na szybko\u015b\u0107 wczytywania witryny (jest to jej dezaktywacja).<\/p>\n Po dezaktywacji wtyczek, kt\u00f3rych w og\u00f3le nie u\u017cywasz, mo\u017cesz jeszcze bardziej zmniejszy\u0107 liczb\u0119 u\u017cywanych wtyczek, usuwaj\u0105c zduplikowane funkcje.<\/p>\n Widzia\u0142em wiele witryn WordPress, kt\u00f3re maj\u0105 dwie wtyczki, kt\u00f3re robi\u0105 to samo. Na przyk\u0142ad jedna wtyczka dodaje wid\u017cet medi\u00f3w spo\u0142eczno\u015bciowych, a druga dodaje przyciski spo\u0142eczno\u015bciowe po po\u015bcie. Wtyczki te nie mog\u0105 si\u0119 ze sob\u0105 komunikowa\u0107, wi\u0119c \u0142aduj\u0105 w\u0142asne pliki (2x wi\u0119cej plik\u00f3w). Rozwi\u0105zanie? Znajd\u017a jedn\u0105 wtyczk\u0119, kt\u00f3ra mo\u017ce wykona\u0107 obie te rzeczy.<\/p>\n Kiedy szybko potrzebujesz funkcji i zbli\u017casz si\u0119 do terminu, cz\u0119sto instalujesz wtyczk\u0119 w ostatniej chwili, aby zrobi\u0107 jedn\u0105 ma\u0142\u0105 rzecz dla swojej witryny. Je\u015bli masz na przyk\u0142ad wtyczk\u0119, kt\u00f3ra pozwala dodawa\u0107 galerie, wr\u00f3\u0107 do funkcji galerii w WordPressie i ponownie oce\u0144, czy potrzebujesz ju\u017c wtyczki.<\/p>\n Konsolidacja zajmuje wi\u0119cej czasu i bada\u0144, ale je\u015bli nigdy wcze\u015bniej tego nie robi\u0142e\u015b, prawdopodobnie mo\u017cesz usun\u0105\u0107 kilka wtyczek i uzyska\u0107 niez\u0142e zyski. Ponadto interfejs administratora b\u0119dzie mniej zagracony, gdy sko\u0144czysz.<\/p>\n Mam nadziej\u0119, \u017ce masz teraz jasny obraz wp\u0142ywu wtyczek na wydajno\u015b\u0107 witryny.<\/p>\n Zauwa\u017cysz popraw\u0119 wydajno\u015bci od razu po wyczyszczeniu wtyczek, ale mo\u017cesz zrobi\u0107 o wiele wi\u0119cej, aby przyspieszy\u0107 dzia\u0142anie witryny.<\/p>\n Niedawno przygotowa\u0142em najd\u0142u\u017cszy wpis na blogu, jaki kiedykolwiek napisa\u0142em (jak w ca\u0142ym moim \u017cyciu). Opisuje ka\u017cd\u0105 poprawn\u0105 metod\u0119 przyspieszenia witryny WordPress, o kt\u00f3rej mog\u0142em pomy\u015ble\u0107.<\/p>\n Wszystkie 36 sposob\u00f3w na przyspieszenie witryny WordPress<\/a><\/p>\n U\u017cy\u0142em ka\u017cdej z tych taktyk na tej stronie i mog\u0119 r\u0119czy\u0107 za ich skuteczno\u015b\u0107. Wypr\u00f3buj kilka z nich, a mo\u017cesz by\u0107 zaskoczony, o ile szybsza b\u0119dzie Twoja witryna.<\/p>\n Je\u015bli znasz kogo\u015b, kto doceni\u0142by ten post, udost\u0119pnij go przed wyjazdem \ud83d\ude42<\/p>\n PS<\/strong> Poni\u017csze przyciski pochodz\u0105 z wtyczki Scriptless Social Sharing,<\/a> kt\u00f3ra \u0142aduje si\u0119 znacznie szybciej ni\u017c wi\u0119kszo\u015b\u0107 innych wtyczek (1 ma\u0142y, opcjonalny plik CSS).<\/p>\nCo dok\u0142adnie spowalnia dzia\u0142anie witryny?<\/h2>\n
Jak zmniejszy\u0107 wp\u0142yw wtyczki<\/h2>\n
Dezaktywuj nieu\u017cywane wtyczki<\/h3>\n
Skonsoliduj swoje wtyczki<\/h3>\n
Optymalizuj swoj\u0105 witryn\u0119<\/h2>\n