Cea mai simpla si rapida tema Wordpress: cu reclame Adsense
Va prezint cea mai rapida tema wordpress (elycriss) pe care am folosit-o pe platforma Wordpress. O tema curata, simpla si fara nici un plugin adiacent. Pentru cei care sunt la inceput, dar si cei care urmaresc viteza in PageSpeed Insights.
Important: Testele facute sunt curate, fara plugin de cache sau coludflare. Tema testata doar pusa pe host si cu ajutorul unei baze de date SQL batrane de 12 ani, deci rezultatele pe o baza de date curata pot fi chiar mai bune.
Pana pe 5 martie 2026 puteti testa live pe linkul de mai sus - https://elycriss.ro/urzicile-proprietati-si-beneficii-descopera-uriasa-putere-a-urzicilor/
Este o tema wordpress simpla, asa ca nu va asteptati sa detina o sumedenie de setari, nu... din contra este compilata cu cod sumar, super simplu dar eficient. Dar hai sa o prezint in linii mari.
Caracteristici Tema Wordpress
- Home - Loop articole, sidebar dreapta si footer
- Single Page si Page - Pagina fara sidebar si footer
- Tema responsive - desktop si mobile
- Imagini - lazy load
- Adsense - cu lazy-load, la interactiune, scroll, sau cu incarcare prealabila a adsbygoogle.js
- Incarcare Google Analytics la interactiune, mouse move
- Comentarii incarcate lazy-load prin buton
Acest scor de incarcare / viteza este obtinul la afisarea websitelui cu reclame la interactiune, scroll, move-mouse, fara incarcare lui adsbygoogle, pe versiunea mobila. Asa cum putem observa si in imaginea de mai jos.
Singurul plugin folosit in tema este Rank-Math SEO, mai am unul super micut ca protectie de selectare text, ca o preventie mica impotriva copierii, pentru copii. Nu am folosit plug-in de tip cache, Roket sau etc, cu defender scripturi ori etc, tot ce este nevoie exista in cod. Cred ca astfel de pluginuri nu ar face decat sa incetineasca incarcarea website-ului.
Sa va prezint si o imagine de incarcare a website-ului pe versiunea desktop in aceleasi conditii.
.webp "incarcare a website-ului pe versiunea desktop")
Viteza incarcare Desktop
Infrastructura incarcare imagini lazy-load
Prima imagine din articol (denumita in general featured image) cea care este imediat vizibila in view-port, adica trebuie incarcata imediat de browser si indicat sa fie foarte rapid incarcata, se face asincron, far lazy-loading si fetchpriority - high. Celelalte imagini din articol se vor incarca lazy-loadind.
In pagina home / arhiva / paginatie / search, primele 2 imagini care se vor afisa in view-port, se vor incarca rapid , restul lazy-load.
Incarcare single/articole prima imagine - single-featured-img
- No lazy-loading
- Fetchpriority - high
- Asincron
- Restul de imagini lazy-loading
Incarcare imagini in paginile home / arhiva / paginatie / search
- Primele 2 imagini - asincron / eager / fetchpriority - high
- Restul de imagini se vor incarca lazy / fetchpriority - low
Dimensiunea imaginilor in home se poate seta in setari-media fetured imagini mari/largi, la medium pentru imaginile din home / arhiva / paginatie / search.
In function.php veti gasi sectiunea pentru imagini, unde va trebui sa fie indentic cu ceea ce setati in function.php.
4. Dimensiuni imagine custom - schimbati
-----------------------------------------------------------
add_image_size('medium', 360, 203, true); - home / arhiva / paginatie / search
add_image_size('large', 768, 432, true); - single-featured-img
Indicat sa folositi imagini Webp cu aspect-ratio de 16/9, dar nu obligatoriu.
Viteza incarcare website cu reclame adsense, prin preluarea adsbygoogle.js
Prima imagine este de pe versiunea mobila unde se resimte imediat incarcarea scriptului adsbygoogle.js, care intradevar este indicat sa fie incarcat la incepul cand esti pe AutoAds, neputand sa controlezi temeinic pozitia afisarilor in view-port, precum si licitarea acestora de catre sistem, iar in timp poti pierde prin acest sistem.
Dar daca controlezi in sistemul pe care l-am aplicat in aceasta tema, eu nu am vazut schimbari de comportament sau castiguri. Asta insemnand sa mergi pe principiul incarcare adsbygoogle la interactiune, reclame setate manual, afisare mai jos de view-port. In acest fel va feriti de cererea de incarcare a reclamelor imediat.
Incarcarea anunturilor adsense se face in paginile fixe intre postul 1 si 4 iar in articole dupa paragraful 2, 5, 7 , etc, puteti schimba aceste setari direct in tema.
Setari single.php si in page.php
// pozitia reclamelor + sloturile aferente
$ad_positions = [
17 => '9948600845',
20 => '4109123018',
23 => '6971090076'
Setari in function.php
// Pozițiile reclamelor
$positions = is_single()
? [2, 4, 7, 10, 14] // articole
: [2, 5, 8]; // pagini statice
si:
// Format diferit pentru single vs page
if (is_single()) {
$new_content .= '
<div class="delayed-adsense"
data-client="ca-pub-11111111111111111" - trebuie inlocuit cu pub-ul vostru
data-slot="1468394641" - inlocuiti cu numarul slotului din manual ads
data-format="fluid"
data-layout="in-article" - si nume slot
data-fullwidth="true"
style="margin:25px 0;">
</div>';
} else {
$new_content .= '
<div class="delayed-adsense"
data-client="ca-pub-111111111111111111" - la fel si aici
data-slot="1468394641"
data-format="display"
data-fullwidth="true"
style="margin:25px 0;">
</div>';
In arhive.php setati cum doriti:
// === Reclame după articolul 1 si 4 ===
$ad_positions = [
1 => '9948600845', - data-slot - inlocuiti
4 => '4109123018'
];
if (isset($ad_positions[$count])) :
?>
<div class="delayed-adsense"
data-client="ca-pub-111111111111112"
data-slot="<?php echo $ad_positions[$count]; ?>"
data-format="fluid"
data-layout="in-article"
data-full-width-responsive="true"
style="margin:20px 0; text-align:center;">
</div>
<?php endif; ?>
Va atasez si doua imagini cu versisunea pe desktop cu adsbygoogle.js
Iar in aceasta imagine puteti observa incarcarea scriptului adsbygoogle.js de 58kb in inspect element.
Daca credeti ca va este necesara tema wordpress Elycriss si o puteti perfectiona si mai bine, succes la depanat.
Testul este facut pe un server din Romania la Hostgate.ro - dar pretul deja pentru hosting este mai mult decat dublu, asa ca renunt, oricum nu ma mai ocup de postat prea des, doar cand mai am timp disponibil.
.webp)
Comentarii
Comentarii
Trimiteți un comentariu