TOP 10 liekie WordPress spraudņi un to aizstāšana ar vieglu kodu

Vidējā WordPress vietnē Latvijā šobrīd ir uzstādīti no 30 līdz pat 55 dažādiem spraudņiem (plugins). Katrs jauns papildinājums parasti tiek pievienots viena neliela uzdevuma veikšanai: ielikt analītikas kodu, pievienot WhatsApp pogu, atļaut SVG augšupielādi vai sakārtot dublēšanu. Diemžēl katrs spraudnis līdzi nes savus CSS stilus, JavaScript skriptus, datubāzes pieprasījumus un drošības ievainojamības. Rezultātā mājaslapa kļūst smaga, lēna un nestabila.

Lielāko daļu šo funkciju iespējams atrisināt ar dažām tīrām koda rindiņām, ko mūsu mājaslapu izstrāde bez spraudņu sloga iestrādā jau pašā pamatā. Apskatīsim 10 biežāk sastopamos spraudņus un to vieglās alternatīvas.

1. SVG Support spraudņi

WordPress drošības apsvērumu dēļ pēc noklusējuma neatļauj augšupielādēt SVG vektorattēlus. Daudzi izstrādātāji instalē atsevišķu spraudni, kas bieži satur lieku mārketinga kodu un fona procesus. Patiesībā pietiek ar vienkāršu filtru:

// functions.php - Atļaut drošu SVG augšupielādi administratoram
add_filter('upload_mimes', function($mimes) {
    if (current_user_can('manage_options')) {
        $mimes['svg'] = 'image/svg+xml';
    }
    return $mimes;
});

2. Google Tag Manager un Analytics koda ievietošanas spraudņi

Nav nekādas tehniskas nepieciešamības instalēt smagus spraudņus tikai tādēļ, lai mājaslapas galvenē ievietotu divus skriptus. Izmantojiet WordPress natīvos āķus (hooks):

// functions.php - Tīra GTM koda ievietošana galvenē un pamattekstā
add_action('wp_head', function() {
    ?>
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
    <!-- End Google Tag Manager -->
    <?php
}, 1);

3. Duplicate Post / Page spraudņi

Lapu un ierakstu dublēšana ir ērta funkcija, taču tai nav vajadzīgs atsevišķs ārējs spraudnis ar saviem iestatījumu paneļiem. Pietiek ar 15 rindiņu funkciju, kas pievieno saiti "Dublēt kā melnrakstu" pie katra ieraksta administratora sarakstā.

4. Font Awesome un ikonu spraudņi

Lielākā daļa ikonu spraudņu ielādē masīvas fontu bibliotēkas (bieži vien vairāk nekā 1 MB), no kurām mājaslapā reāli tiek izmantotas tikai 4 vai 5 ikonas (telefons, e-pasts, Facebook, bultiņa). Pareizais risinājums ir iekļaut konkrētās ikonas kā inline SVG kodu. Tas samazina tīkla pieprasījumu skaitu līdz nullei un nodrošina zibenīgu renderēšanu bez teksta lēkāšanas.

5. WP-Disable / Heartbeat kontroles spraudņi

Lai sasniegtu zaļās veiktspējas zonas, ko sniedz mērķtiecīga mājaslapas ātruma optimizācija, lieko WordPress fona funkciju atslēgšanai nevajag smagus paneļus. To visu paveic daži tīri filtri:

// Atslēgt liekos emotikonu skriptus un stilus
remove_action('wp_head', 'print_emoji_detection_script', 7);
remove_action('wp_print_styles', 'print_emoji_styles');
// Atslēgt XML-RPC ievainojamības
add_filter('xmlrpc_enabled', '__return_false');

Aigars Armanovs Praktiskais skatpunkts no 15+ gadu pieredzes

"Katra spraudņa uzstādīšana ir neliels parāds jūsu vietnes nākotnei. Kad lapā ir 40 spraudņi no 30 dažādiem autoriem, katrs nākamais PHP vai WordPress atjauninājums kļūst par krievu ruleti. Tīrs, pašu rakstīts kods nemēdz 'pēkšņi salūzt' un nodrošina Core Web Vitals zaļajā zonā bez jebkādas maģijas."

6. Pāradresācijas (Redirection) spraudņi vienkāršām vajadzībām

Ja jūsu vietnei ir nepieciešamas tikai 10-20 pastāvīgās 301 pāradresācijas, daudz drošāk un ātrāk ir tās definēt tieši servera līmenī (Nginx konfigurācijā vai .htaccess failā). Tādējādi pieprasījums tiek pāradresēts pirms PHP un datubāzes ielādes, ietaupot servera resursus un samazinot aizturi zem 10 milisekundēm.

7. Sociālo tīklu kopīgošanas pogas

Lielie dalīšanās spraudņi ielādē ārējos JavaScript izsekošanas rīkus no Meta, LinkedIn un X, kas dramatiski pasliktina privātuma rādītājus un palēnina lapu mobilajās ierīcēs. Viegls risinājums ir tīras HTML saites ar universāliem dalīšanās URL:

<!-- Tīra un droša LinkedIn dalīšanās saite bez ārējiem skriptiem -->
<a href="https://www.linkedin.com/sharing/share-offsite/?url=<?php echo urlencode(get_permalink()); ?>" 
   target="_blank" rel="noopener noreferrer" class="share-btn">
   Dalīties LinkedIn
</a>

8. Breadcrumbs (Navigācijas ceļa) spraudņi

Navigācijas ceļam nav vajadzīgs atsevišķs spraudnis. Mūsdienīgā tēmā to nodrošina viegla funkcija ar schema.org BreadcrumbList mikroiezīmēšanu tieši lapas šablonā, kas garantē pareizu Google meklēšanas attēlojumu.

9. Custom CSS un JavaScript ievietotāji

Bieži tiek instalēti spraudņi, kas glabā pielāgotos stilus datubāzē un ģenerē dinamiskus pieprasījumus. Tā vietā stiliem ir jāatrodas bērna tēmas style.css failā, ko serveris un pārlūks spēj statiski kešot.

10. Login Page pielāgošanas spraudņi

Ieejas lapas pielāgošana un datu aizsardzība tiek nodrošināta koda līmenī, ko garantē stabila serveru uzturēšanas un drošības infrastruktūra ar 0 baitiem liekas slodzes.

Biežāk uzdotie jautājumi par WordPress spraudņu optimizāciju