Gugl AMP studija slučaja | BikeGremlin I/O

Table of Contents

Pisao sam detaljno o tome šta je to AMP (sa prednostima i manama), kao i kako implementirati AMP na WordPress sajt. Nakon što sam više godina koristio AMP, odlučio sam uraditi studiju slučaja, i testirati performanse sajta nakon ukidanja AMP-a – prateći sve bitne metrike (broj poseta, prosečno vreme učitavanja stranica itd.).

Sadržaj:

Uvod
Kako isključiti AMP za WordPress
Konfiguracija AMP studije slučaja
AMP aktivan – statistika
AMP deaktiviran – statistika
Zaključak

1. Uvod

Koristim AMP već godinama, među prvim sam “fanovima.” Izgledao je obećavajuće: nudeći brže učitavanje stranica za posetioce sa mobilnim telefonima kojima je signal slabiji, ili ograničen protok za Internet. Ovo se postiže zahvaljujući dobro optimizovanom kodu (sa strogim pravilima šta se sme, a šta se ne sme kroistiti) i serviranju (keširane verzije) AMP sadržaja sa Guglovih servera (ova poslednja opcija je ukinuta u međuvremenu).

Mana je što ograničava slobodu u dizajniranju izgleda i funkcionalnosti sajta. Takođe, predstavlja dodatnu komplikaciju pri održavanju sajta (traži dodatno vreme da se sve testira pri ažuriranju WordPress-a, na primer).

Još jedna mana je što ne mogu kontrolisati raspored Gugl AdSense reklama na AMP sadržaju. Tako da se reklame smeštaju između paragrafa teksta. Ovo donosi veću zaradu, ali i ometa čitanje. Naravno, ne-AMP verzija sadržaja je uvek na jedan klik dostupna, i reklame se učitavaju tek nakon što je učitan sav tekst članaka sa slikama, ali opet nije idealno. Mogu jedino da skroz isključim reklame za AMP. To mislim da nije u redu: pravim kvalitetan sadržaj, pružam ga besplatno, pa najmanje što mogu je da zaradim nešto od reklama – barem za pokrivanje troškova.

Čuo sam i glasine da Gugl planira bataliti podršku za AMP. Na primer, AMP statistika nije dostupna u Gugl Analitici verzija 4, a rok za prelazak na V4 umesto stare verzije je jul 2023 (dakle za oko godinu dana).

Iako sam i dalje skeptičan po pitanju toga da će Gugl bataliti ovaj projekat, mislim da je pametno da uradim test i vidim kako moji sajtovi rade bez AMP-a. Čisto da budem spreman.

Za testiranje, koristiću biciklistički sajt na našem jeziku. Zašto? Brzina mobilnog Interneta kod nas je još uvek relativno skromna, a računam i da ću dobiti kvalitetne povratne informacije od posetilaca (čak i ako one uključuju moju majku i psa u istoj rečenici 🙂 ).

– Sadržaj –

2. Kako isključiti AMP za WordPress

Moji sajtovi su konfigurisani da koriste query parametre za AMP verziju sadržaja. Zahvaljujući tome, kada se AMP isključi, svi eventualno postojeći linkovi ka AMP-verziji će automatski prikazati odgovarajuću ne-AMP verziju sadržaja, kao da se ništa nije desilo.

Ipak, za svaki slučaj, a i da ubrzam re-indeksiranje, dodao sam ovu .htaccess redirekciju:

#BEGIN Redirect from AMP to non-AMP
RewriteCond %{QUERY_STRING}    "amp=" [NC]
RewriteRule (.*)  /$1? [R=301,L]
#END Redirect from AMP to non-AMP

Ova redirekcija je “trajna” (“301 redirekcija”) koja sve posete na AMP linkove (koji se završavaju sa “?amp=1”) rediriguje na ne-AMP linkove (koji su isti, samo bez tog dodatka).

Dakle, sve što je trebalo da uradim je da isključim (i kasnije obrišem) WordPress AMP plagin, iskomentarišem (“izbrišem”) sav kod vezan za AMP u WordPress child temi sajta, i dodam gore-prikazani kod u .htaccess fajl na svom hosting serveru.

Deaktivirajte (1) i obrišite (2) sve WordPress plaginove vezane za AMP
Slika 1

Ako nešto pomaže, ovde je moj kod WordPress child teme vezan za AMP:

/*
BEGIN DISABLING AMP - EXPERIMENT

// BEGIN disable header Element for AMP
add_filter( 'generate_element_display', function( $display, $element_id ) {
    // Tell the non-AMP Element not to appear.
    if ( function_exists( 'is_amp_endpoint' ) && is_amp_endpoint() && XXXXX === (int) $element_id ) {
        $display = false;
    }

    return $display;
}, 10, 2 );
// END disable header Element for AMP

// BEGIN ads for AMP - goes into footer
$print_amp_auto_ads = function() {
  $ad_client = 'ca-pub-XXXXXXXXXXXXXXXX'; // @your client  ID
  if ( function_exists( 'is_amp_endpoint' ) && is_amp_endpoint() ) {
    ?>
    <amp-auto-ads type="adsense" data-ad-client="<?php echo esc_attr( $ad_client ); ?>"></amp-auto-ads>
    <?php
  }
};
// For Paired/Native mode.
add_action( 'wp_footer', $print_amp_auto_ads );
// END ads for AMP - goes into footer

// BEGIN comments for AMP - goes after main content
$gremlin_amp_comments = function() {
  if ( function_exists( 'is_amp_endpoint' ) && is_amp_endpoint() ) {
    ?>
<p>Ako imate <strong>problema sa postavljanjem komentara</strong> (sa mobilnog),<br />posetite stranicu za <a title="Pitanja &amp; Odgovori" href="https://bicikl.bikegremlin.com/10435/pitanja/" target="_blank"><strong>Pitanja &amp; Odgovore</strong></a>.</p>
    <?php
  }
};
// For Paired/Native mode.
add_action( 'generate_after_main_content', $gremlin_amp_comments );
// END comments for AMP - goes after main content

END DISABLING AMP - EXPERIMENT
*/

– Sadržaj –

3. Konfiguracija AMP studije slučaja

Test je zamišljen krajnje prosto. Uporediću podatke iz Gugl Analitike za period od 45 dana sa AMP-om, onda ću deaktivirati AMP, sačekati par dana da se sve re-indeksira, i onda pratiti podatke sa deaktiviranim AMP-om u periodu od 45 dana.

AMP aktivan 45-dnevni period: 1. maj 2022. – 14. jun 2022.
Deaktivacija AMP-a: 15. jun 2022.
AMP deaktiviran 45-dnevni period: 17. jun 2022. – 31. jul 2022.

Za praćenje performansi, koristiću Gugl Analitiku, pošto pruža podatke od pravih posetilaca, za razliku od korištenja generičkih testova.

Period testa pokriva biciklističku sezonu u mom komšiluku, tako da ne očekujem neke fluktuacije rezultata usled sezonskih promena u broju poseta.

– Sadržaj –

4. AMP aktivan – statistika

Statistika posetilaca sajta sa aktiviranim AMP-om:

45-dnevna statistika broja poseta i pregleda stranica sa aktivnim AMP-om
Slika 2

Prosečno vreme potrebno za učitavanje stranica:

45-dnevna statistika prosečnog vremena učitavanja stranice sa aktivnim AMP-om
Slika 3

– Sadržaj –

5. AMP deaktiviran – statistika

Statistika posetilaca sajta sa deaktiviranim AMP-om:

45-dnevna statistika broja poseta i pregleda stranica sa deaktiviranim AMP-om
Slika 4

Primetan je pad u broju poseta i pregleda, ali desetak dana nakon deaktivacije AMP-a došlo je i do (ničim izazvanog i za sad neshvatljivog) brisanja i ovog i svih drugih BikeGremlin sajtova sa Bing pretraživača (link ka mom članku o tome, na engleskom samo za sad). Stoga nisam siguran koliko su ovi podaci “krivica” ukidanja AMP-a.

Šta je sa brzinom?

45-dnevna statistika prosečnog vremena učitavanja stranice sa deaktiviranim AMP-om
Slika 5

Podaci su nešto slabiji, ali i ovde je bilo nekoliko promena:

Promena hosting provajdera i lokacije servera
Prešao sam kod MDDHosting provajdera, pošto je HostMantis promenio vlasnika (i nisam siguran u kvalitet usluge u buduće). Sa servera u Londonu, sajt je preseljen u Denver, SAD, na nešto sporiji server.
Eksperimentisao sam sa drugom vrstom reklama
Napravio sam kratku, 10-dnevnu probu sa Setupad, koja je ubila performanse dok je trajala.
Menjao sam platformu za optimizaciju sajta
Od polovine jula do početka avgusta, testirao sam Cloudflare Pro i WordPress APO. Nisu se baš proslavili, pogotovo za posetioce sa mobilnog (na desktopu su davali nešto bolje rezultate).

– Sadržaj –

6. Zaključak

Održavanje sajta, bez brige o performansama i bagovima sa AMP verzijom je dosta lakše. Jedna briga manje.

Da li je ukidanje AMP-a negativno uticalo na performanse i broj poseta? Nisam siguran. Rezultati nisu dovoljno jasni zbog promena u toku testa. Neke su bile iznuđene, a za neke sam ja kriv.

Može se reći da je većina promena bila na gore, pa da minimalan pad u broju poseta i nešto sporija brzina sajta najverovatnije nisu do ukidanja AMP-a. Ipak, ne mogu to sa sigurnošću tvrditi. Ne može se raditi eksperiment sa promenom toliko parametara.

Uprkost tome, odlučio sam bataliti AMP. Jednostavnije mi je raditi na sajtu bez brige o AMP verziji, a tražim druge načine za optimizaciju i brže performanse.

– Sadržaj –