Každý z vás ktorí vytvárate weby, sa neraz stretol s tým že k svojej práci potrebuje určité wordpress pluginy. Pokúsim sa teda, čo najzrozumiteľnejšie podať celú problematiku. Už som zažil mnoho odpovedí typu: „Tento wordpress plugin sa mi páči, robí sa s ním vizuálne príjemne.“ Nik však neskúma, čo daný wordpress plugin v sebe skrýva. Skrýva skrýva. To znamená, čo všetko sa objaví nové vo vašom html kóde z wordpress pluginu.
V hlbokej podstate ide o to koľko css a js súborov je súčasťou pluginu a koľko js a css je smerovaných z materského webu do vášho html prostredníctvom pluginu. Ide o externé linky. Hneď ma napadla nie nepravdepodobná myšlienka. „Čo ak web odkiaľ berieme js a css je práve fatal error a pri rendrovaní dostane odpoveď Internal server error 500 alebo 503.“ Amen, vám v tom momente nie len že nič nefunguje, ale ani váš vlastný web sa nemusí otvoriť a ak sa aj otvorí trvá to dlho.
Odkazy na wordpress pluginy
link rel='stylesheet' id='jetpack_css-css' href='https://c0.wp.com/p/jetpack/11.7/css/jetpack.css' type='text/css' media='all'Iba tak náhodne som link vytiahol ako názornú ukážku toho, o čom píšem. Poukazujem na skúsenosti s ktorými som sa stretol pri seo cudzích webov. Takýto link na vašom webe vie urobiť hromadnú patáliu. Nie len preto že na dobu reštartu alebo opravy servera, ale aj preto že vám nepatrí a v samotnom css si nesmiete urobiť zmeny aké by ste potrebovali. Navyše, pri aktualizácii môže nastať fatálna chyba, ak to na druhej strane nedopatrením niekto domrvil v kóde. A viete vôbec dopredu posúdiť, či si tvorca pluginu zaplatí doménu a nezanikne? Tých „premenných“ je naozaj dosť, no treba dúfať že bude roky solventný. Preto keď nainštalujete wordpress pluginy najskôr sa presvedčte či sú všetky súbory v príslušných knižniciach spoločne. Urobíte to následovne:
Vo vyhľadávači zadajte view-source:vasaadresa alebo ak máte otvorenú url stačí stlačiť ľavý ctrl+u a otvorí sa vám html vášho webu. Stlačte ctrl+f a do vyhľadávania napíšte adresu alebo názov pluginu, aby ste ho zbytočne nehľadali manuálne očami. Každý z pridaných linkov v html zaťaží DOM a tým spomalí načítanie vašej stránky. Samozrejme spomaľujú to aj obrázky.
Obrázky cudzích webov
Jedna z veľkých chybičiek je v čase, ak spolupracujete na svojom webe s cudzím webom a on si uplatňuje (z nejakého zištného či nezištného dôvodu) umiestniť obrázok linkovaný na jeho web.
a href="https://www.kqzyfj.com/click-100375363-15048849" target="_blank"Skutočne, taká doména existuje kqzyfj! Nie je to však žiadna výhra, lebo „on“ si zadáva podmienku a obrázok na vašom webe sa načítava z jeho serverovej databázy. Tak ako to vidíte na linku vyššie. Avšak, to čo vy vidíte, vidíte len naoko. Ten link je totiž htaccess súborom presmerovaný na inú doménu. Číslo /click-100375363-15048849 je tu len na identifikáciu odkiaľ a z ktorého webu návštevník prišiel. V samotnej podstate je to nepríjemná praktika získavania rankov pre web toho, kto má link u vás a klikne na odkaz.
<svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" Ani takéto odkazy nie sú dnes v roku 2023 nič výnimočné a ešte stála ich môžeme v html nájsť. Chcem vás skutočne vystíhať pred takýmito kreáciami, ktoré aj tak nemajú žiadaný efekt. Vyhnite sa takému linkovaniu. K obrázku: Opäť len náhodný výber a test k tej istej url adresy v html indexe. Presne to sa stáva, že testery a aj prehliadače niektoré linky (aj keď sú korektne zapísané) prosto zápis ignorujú. A vy neviete prísť nato prečo má váš web také oneskorenie. Otvoriť obrázok v plnom rozlíšení v novom okne.
Samotné wordpress pluginy
Mali by ste si sami uznať, koľko wordpress pluginov máte nainštalovaných a koľko z nich je funkčne duplicitných. Možno úplne rovnakých, len opticky robia niečo iné a vám s to práve páči a hodí. Niektoré wordpress pluginy obsahujú neskutočné množstvo knižníc (popritom autori ich mohli zlúčiť do jedného css a do jedného js súboru) a tieto súbory potom roboty a prehliadače musia link po linku čítať v zdrojovom kóde. Aby sme si rozumeli: „Každý link, každý div, span, obrázok alebo riadok a odstavec, to všetko znamená DOM. A DOM je všetko čo má tág.
Čím je DOM menší tým je web rýchlejší na sieti a aj pre prehliadače, kam teda umiestňujeme cache aby sme odbremenili server od zbytočného zaťaženia. Uvedomte si tú súhru a súzvuk: „Nerobíme weby pre prehľadávacie roboty ale pre návštevníka.“ Ale… jedno s druhým súvisí a o to viac je to nutnosť, aby bolo splnené všetko, čo si vyžaduje našu pozornosť voči robotom. Chceme mať weby v indexe vyhľadávania na dobrej pozícii, tým pádom máme návštevnosť z vyhľadávania a nie z odkazov ktoré máme na sociálnej sieti. Vyhľadávanie zaistí potrebné ranky pre web. Sociálne siete ranky nerobia, vytvárajú len návštevnosť zo sociálnych sietí.
Pavol Knut Navrátil