Optimalisasi Kecepatan Themes Newspaper X

  • Bagikan
0d16145a images 2020 12 01t013818.668

CR — Bagi kalian web developer maupun user yang ingin membuat website berita berbasis WordPress pasti sudah tidak asing lagi dengan Tema yang satu ini.

Tema Newspaper adalah tema premium paling populer untuk blog WordPress yang dihosting sendiri. Tema ini dikembangkan oleh tim tagDiv. Anda dapat membeli tema ini di ThemeForest. Tema ini hadir dengan fitur-fitur hebat. Paket tema berisi beberapa plugin premium yang tercantum di bawah ini.
  • tagDiv Mobile Theme + AMP
  • tagDiv Standard Pack
  • tagDiv Composer
  • tagDiv Cloud Library
  • tagDiv Social Counter
  • tagDiv Newsletter
  • Revolution Slider
  • WPBakery Page Builder
Tagdiv sebagai Pengembang tema telah menyediakan forum dukungan dan tutorial yang bagus untuk pengaturan langkah demi langkah. Mereka juga telah menyediakan panduan PageSpeed ​​untuk mempercepat blog Anda.
Di sini, kami akan membagikan beberapa tips sederhana yang yang kami lansir dari infophilic.com dan sudah kami coba juga pada website kami.

Install Plugin Cache

Untuk mengoptimasi dan mempercepat website yang kalian gunakan ada baiknya menggunakan plugin Cache.

Jika merujuk pada tagdiv, untuk tema News Paper sendiri di rekomendasikan menggunakan plugin WP Super Cache.

Namun bukan berarti hanya plugin tersebut yang dapat digunakan untuk tema news paper. Kalian juga dapat menggunakan plugin cache lainnya.

Dalam kesempatan ini, kami menggunakan plugin litespeed cache, karena kami menggunakan server litespeed yang support dengan plugin litespeed cache.

Gunakan CDN

Agar lebih optimal, kalian dapat menggunakan layanan Content Network Delivery (CDN) yang kalian sukai. Ada banyak sekali jenis CDN mulai dari yang gratis hingga berbayar. Contoh Cloud Flare, Key CDN, Bunny CDN dan lainnya.

Jika kami menggunakan layanan CDN Quic.cloud karena ya itu tadi, base server litespeed, plugin cache litespeed dan include quic.cloud.

Tapi litespeed gk cuma bisa quic.cloud aja loh, support untuk CDN Cloudflare juga.

Aktifkan Browser Cache dan ADD EXPIRE Headers

Kita hampir selesai di sini, sekarang kita akan membahas bagian sensitif dari tutorial ini. Kaliaj harus mengubah kode dalam .htaccess file. Harap hati-hati saat mengedit, Jika terjadi kesalahan saat mengedit .htaccess situs Anda mungkin menampilkan halaman kosong atau Error 500.

Tambahkan kode berikut ini pada file .htaccess kalian

Baca Juga :  Kapan Pengumuman Lolos Gelombang 12 Prakerja?
# BEGIN Expire headers

<ifModule mod_expires.c>
   ExpiresActive On
   ExpiresDefault "access plus 5 seconds"
   ExpiresByType image/x-icon "access plus 604800 seconds"
   ExpiresByType image/jpeg "access plus 604800 seconds"
   ExpiresByType image/png "access plus 604800 seconds"
   ExpiresByType image/gif "access plus 604800 seconds"
   ExpiresByType application/x-shockwave-flash "access plus 604800 seconds"
   ExpiresByType text/css "access plus 604800 seconds"
   ExpiresByType text/javascript "access plus 604800 seconds"
   ExpiresByType application/javascript "access plus 604800 seconds"
   ExpiresByType application/x-javascript "access plus 604800 seconds"
   ExpiresByType font/truetype "access plus 604800 seconds"
   ExpiresByType font/opentype "access plus 604800 seconds"
   ExpiresByType application/x-font-woff "access plus 604800 seconds"
   ExpiresByType image/svg+xml "access plus 604800 seconds"
   ExpiresByType application/vnd.ms-fontobject "access plus 604800 seconds"
   ExpiresByType text/html "access plus 600 seconds"
   ExpiresByType application/xhtml+xml "access plus 600 seconds"
</ifModule>
# END Expire headers

<IfModule mod_deflate.c>
   <filesMatch "\.(js|css|woff|html|php)$">
      SetOutputFilter DEFLATE
   </filesMatch>
</IfModule>
Jika kalian mengaktifkan modul Optimalkan Situs Web. Itu terletak di cPanel Anda di bawah Perangkat Lunak. Kemudian hapus kode berikut dari file .htaccess
<IfModule mod_deflate.c>
   <filesMatch "\.(js|css|woff|html|php)$">
      SetOutputFilter DEFLATE
   </filesMatch>
</IfModule>

Mengatasi masalah lambat The admin-ajax.php

Seperti yang didiskusikan dengan tim tagDiv, dikonfirmasikan bahwa tema newspaper menggunakan admin-ajax.php hampir di setiap blok dan banyak fitur tema menggunakan cara ini untuk melakukan kueri ke server yang dapat meningkatkan  WordPress server load time..

Untuk mengurangi admin-ajax.php, kalian dapat menggunakan plugin Heartbeat.

Aktifkan Lazy Load

Newspaper telah hadir dengan fitur lazy load. Mengaktifkan lazy load dapat mengurangi jumlah permintaan.
Cara Aktifkan Lazy Load newspaper x
Optimalisasi Kecepatan Themes Newspaper X 3

Hapus Font Awesome

Untuk menggunakan ikon pada tema Newspaper, kalian harus menggunakan plugin Font Awesome. Ada banyak sekali ikon, dan jika kalian tidak menggunakannya, tidak ada gunanya memuat semuanya yang membuat lambatnya proses website kalian
Kaliaj hanya memerlukan beberapa ikon saja untuk berbagai elemen di seluruh tema. Jadi kalian dapat menambahkan sedikit filter ke skrip sehingga hanya memuat hal-hal penting.

Untuk melakukannya, letakkan kode berikut di file functions.php tema Anda.
// Load Essential Fonts Awesome

add_filter( 'infophilic_fontawesome_essentials', 'infophilic_fontawesome_essentials' );
function infophilic_fontawesome_essentials()
{
   return true;
}

Hapus Emoji

Jika kalian tidak menggunakan Emoji di website Anda, maka tidak perlu memuatnya di back-end. Anda dapat menghapusnya dengan menambahkan kode berikut di functions.php tema
// Removing Emojis

add_action( 'init', 'infophilic_disable_wp_emojicons' );
function infophilic_disable_wp_emojicons() 
{
    // all actions related to emojis

    remove_action( 'admin_print_styles', 'print_emoji_styles' );
    remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
    remove_action( 'admin_print_scripts', 'print_emoji_detection_script' );
    remove_action( 'wp_print_styles', 'print_emoji_styles' );
    remove_filter( 'wp_mail', 'wp_staticize_emoji_for_email' );
    remove_filter( 'the_content_feed', 'wp_staticize_emoji' );
    remove_filter( 'comment_text_rss', 'wp_staticize_emoji' );
}

Hapus Script Lainnya

Tema newspaper telah include widget bawaan, jadi tidak perlu menggunakan skrip widget WordPress. Sebaiknya batalkan pendaftaran dengan menambahkan kode berikut di akhir file functions.php tema Anda. Ini juga akan mengurangi permintaan HTTP ke server.

Baca Juga :  Viral Kakek Tertatih-tatih Sholat ke Masjid, Netizen Auto Baper
// Remove WP embed script

function infophilic_stop_loading_wp_embed() {
   if (!is_admin()) {
      wp_deregister_script('wp-embed');
}
}
add_action('init', 'infophilic_stop_loading_wp_embed');

Hapus Script Jetpack

Jetpack adalah salah satu plugin terbaik untuk meningkatkan fungsionalitas dan keamanan situs WordPress Anda. 
Fitur single sign-on (SSO) Jetpack adalah opsi terbaik untuk menangani serangan brute force. 
Gunakan panduan dibawah untuk mengaktifkan sistem masuk tunggal untuk situs WordPress Anda. 
Tetapi skrip dan CSS yang telah dimuat oleh Jetpack tidak diperlukan untuk ini. 
Jadi lebih baik menghapusnya. Kalian dapat menambahkan kode berikut ke functions.php tema Anda untuk menghapus skrip dengan plugin Jetpack.
// Remove Jetpack css

add_filter( 'jetpack_implode_frontend_css', '__return_false', 99 );

// Remove Devicepx script 

function jeherve_dequeue_devicepx() {
   wp_dequeue_script( 'devicepx' );
}
add_action( 'wp_enqueue_scripts', 'jeherve_dequeue_devicepx' );

Optimalisasi Mobile Theme Newspaper

Newspaper hadir dengan tema khusus mobile yang dioptimalkan dan dapat diaktifkan dengan memasang plugin mobile theme.

Versi tema seluler saat ini tidak mendukung plugin Buletin dan Multiguna. Jadi, ada baiknya untuk menghapus skrip yang dimuat oleh plugin ini.

Anda dapat menambahkan kode berikut di file functions.php tema seluler.
Kalian dapat menemukan file functions.php tema seluler pada: / wp-content / plugins / td-composer / mobile /

Gunakan tips ini jika menggunakan tema seluler untuk website kalian.
// Remove Multi Purpose Style

add_action( 'wp_enqueue_scripts', 'infophilic_remove_multi_purpose', 20 );
function infophilic_remove_multi_purpose() {
   wp_dequeue_style( 'td-plugin-multi-purpose' );
}

// Remove Newsletter Style
 
add_action( 'wp_enqueue_scripts', 'infophilic_remove_newsletter', 20 );
function infophilic_remove_newsletter() {
    wp_dequeue_style( 'td-plugin-newsletter' );
 }

Preload Newspaper fonts

Preloading font akan mengurangi reduce time website kalian.

Untuk versi responsif, kalian dapat menambahkan kode berikut ke file functions.php tema pada /wp-content/themes/Newspaper/functions.php
// Preload Newspaper fonts for responsive theme (main theme)

function dns_prefetch_responsive() {
	
	echo "<link href='https://www.YOURDOMAIN.com/wp-content/themes/Newspaper/images/icons/newspaper.woff?19' rel='preload' as='font' type='font/woff' crossorigin>";
}
add_action( 'wp_head', 'dns_prefetch_responsive', 0 );
Tambahkan kode berikut ke file functions.php tema seluler untuk memuat font Newspaper sebelumnya.

Kalian dapat menemukan file functions.php pada /wp-content/plugins/td-composer/mobile/functions.php
// Preload Newspaper fonts for mobile theme

function dns_prefetch_mobile() {
	
	echo "<link href='https://www.YOURDOMAIN.com/wp-content/plugins/td-composer/mobile/images/icons/mobile-theme.woff?10' rel='preload' as='font' type='font/woff' crossorigin>";
}
add_action( 'wp_head', 'dns_prefetch_mobile', 0 );
Jangan lupa untuk mengganti www.YOURDOMAIN.com dengan URL domain Anda yang sebenarnya.

Demikian cara singkat mempercepat loadin thema Newspaper X.


AG

  • Bagikan
Positive SSL