7 Tips Terbukti Untuk Mempercepat Situs Elementor Anda

Diterbitkan: 2019-11-05

Seperti yang kita semua tahu, Elementor adalah plugin pembuat halaman yang menakjubkan dan juga memberdayakan Anda untuk menyelaraskan Situs Web lengkap dengan mudah. Namun, beberapa situs web mungkin memiliki masalah yang menyebabkan pemuatan lambat. Yang terpenting, banyak pengguna yang sebenarnya tidak tahu 'Cara mempercepat Website Elementor'.

Jadi, sangat penting untuk mengetahui mengapa masalah ini terjadi dan bagaimana cara mengatasinya. Karena itulah, dalam artikel ini, kami akan menunjukkan tips yang paling efektif dan terbukti untuk mempercepat Website Elementor.

Dan di bagian terakhir artikel ini, kita akan membahas kesalahan umum yang harus kita hindari.

Tanpa basa-basi lagi, mari selami

Elementor Memperlambat Situs Web: Benarkah?

How to speed up Elementor Website

Kita semua cukup menyadari satu hal tentang Elementor, Sangat mudah digunakan, cepat diterapkan dan membantu untuk membuat semua jenis desain. Namun, terkadang situs web dengan Elementor mungkin memiliki konfigurasi yang menyebabkan pemuatan lambat..

Sebagian besar situs saya dimuat dalam waktu lebih dari 2 detik menurut statistik Google, tentu saja, waktu ini mungkin sedikit berbeda tergantung pada konten Anda dan beberapa faktor lainnya – WP Info Blog

Elementor sendiri tidak bertanggung jawab atas masalah pemuatan situs. Berbagai alasan ada di balik ini. Misalnya masalah hosting, server error, memiliki file media besar, skrip eksternal, plugin tambahan, file tema, dll.

Artikel dari Kinsta menunjukkan bahwa situs web menjadi lambat karena berbagai alasan. Dan mereka menjelaskan dengan sempurna mengapa sebuah situs web melambat dalam berbagai aspek.

Jadi mengingat faktanya, kami akan menunjukkan bagaimana Anda dapat mempercepat situs Elementor Anda dan apa yang harus Anda ikuti, di bagian selanjutnya.

7 Tips Terbukti untuk Mempercepat Situs Elementor

Tips to Speed Up Website
Tips Mempercepat Situs Web

Kita sudah tahu tentang keefektifan dan kemungkinan hasil Elementor Page Builder saat mengimplementasikannya dalam desain. Jadi tidak ada keraguan tentang itu. Tapi, fakta yang memprihatinkan adalah masalah yang memperlambat Situs Elementor.

Elementor menawarkan banyak opsi dan kemampuan pengeditan. Meskipun merancang halaman web dengan Elementor sangat mudah dan cepat, tetapi jika Anda ingin mempercepat situs web Anda, periksa kriteria berikut.

Tidak Menggunakan Server Hosting Gratis

Jika Anda menjalankan bisnis Anda di platform online, sebaiknya gunakan hosting premium. Jadi, Anda harus menggunakan paket hosting terbaik untuk mempercepat situs web Anda. Anda tahu, hosting itu penting. Karena menggunakan layanan hosting gratis, situs web Anda mungkin memiliki dampak besar seperti pemuatan yang lambat, tidak tersedianya server, dan lainnya.

Lihat artikel berikut tentang 'paket hosting terbaik untuk situs web elementor'. Pada artikel ini, kami menunjukkan paket hosting mana yang harus Anda ambil dan penyedia layanan hosting lainnya.

Elementor & Hosting WordPress- Hal-Hal yang Harus Anda Peduli
Paket Hosting Terbaik Untuk Elementor

Mengubah Ukuran Media (Gambar, Video atau file GIF)

Menggunakan file media apa pun tanpa mengubah ukuran adalah praktik yang sangat buruk. Ini tidak hanya memperlambat situs web tetapi juga memengaruhi situs web Anda seperti mengurangi kinerja situs web, meningkatkan rasio pentalan, visibilitas situs, dan lalu lintas web, dll.

Untuk menghilangkannya, Anda dapat menggunakan TinyPng untuk mengubah ukuran file media Anda. Ini adalah alat yang luar biasa. Karena mengoptimalkan gambar dengan begitu sempurna namun tetap mempertahankan resolusi aslinya.

Sadar Menggunakan Script Eksternal

Terkadang kita perlu menambahkan beberapa skrip eksternal, misalnya kode HTML, JavaScript, dan kode lainnya. Tapi, Tahukah Anda? menggunakan kode-kode ini dapat menyebabkan situs web Anda melambat. Ya, Anda tidak salah dengar.

Skrip eksternal seperti Google Maps, jumlah share Facebook, gambar Avatar, memperlambat situs web. Tetapi ini sangat penting untuk situs web apa pun. Lalu apa yang akan kamu lakukan?

Oke, Anda dapat menonaktifkan Google Font, Font Awesome, dan EIcons dengan menambahkan kode berikut ke file function.php di situs WordPress Anda.

Google Font

Jika Anda benar-benar ingin mempercepat Elemenetor dan juga menggunakan skrip lain, gunakan kode berikut untuk menonaktifkan Google Font.

 add_filter( 'elementor/frontend/print_google_fonts', '__return_false' );

Font Mengagumkan

Untuk menonaktifkan Font Awesome gunakan kode berikut:

 add_action( 'elementor/frontend/after_register_styles',function() { foreach( [ 'solid', 'regular', 'brands' ] as $style ) { wp_deregister_style( 'elementor-icons-fa-' . $style ); } }, 20 );

Hal yang harus dipertimbangkan : Secara default, ikon Font Awesome hanya akan dimuat di halaman tempat Anda akan menggunakannya, untuk alasan ini, FA tidak akan memuat pada halaman yang memiliki ikon Font Awesome. Oleh karena itu, ini membawa kinerja yang lebih cepat dan kecepatan halaman yang lebih cepat ke situs web Anda, dan ini memfasilitasi SEO Anda dan pengalaman pengguna Anda.

ikon EI

Untuk menghapus antrean Font Awesome jika Anda benar-benar berpikir untuk tidak menggunakan ikon Font Awesome apa pun. Jadi, jika Anda menonaktifkan Font Awesome, ikon tidak akan lagi ditampilkan di halaman web mana pun.

 add_action( 'wp_enqueue_scripts', 'remove_default_stylesheet' , 20 ); function remove_default_stylesheet() { wp_deregister_style( 'emenetor-icons' ); {

Hati-hati Menggunakan Banyak Plugin

Ini adalah zaman teknologi modern. Dan ekosistem WordPress menguasai 34% web. Untuk mengelola platform besar ini, ada begitu banyak plugin yang tersedia di industri WordPress. Tetapi semuanya tidak berguna bagi Anda.

Terkadang menggunakan terlalu banyak plugin di situs web menyebabkan pemuatan halaman web menjadi lambat. Jadi, Anda harus berpikir dua kali sebelum menggunakan plugin apa pun. Di sisi lain, Anda menonaktifkan plugin tertentu jika sudah selesai.

Memilih Tema yang Tepat

Menggunakan tema yang tepat untuk situs web juga merupakan fakta penting. Anda harus menggunakan tema yang sesuai untuk situs web Anda.

Tema yang bagus seharusnya tidak memperlambat situs, tetapi sayangnya banyak tema melakukannya – Elementor

Yang bisa kamu lakukan adalah”

  • Nonaktifkan tema yang menimbulkan masalah
  • Anda dapat menggunakan tema dua puluh. (Baca artikel tentang tema Default WordPress)
  • Gunakan template default elementor, atau Anda dapat memilih Happy Elementor Addons untuk membuat desain.

Kiat Bonus

Setelah menerapkan tips di atas ke situs web Anda, Anda harus menerapkannya di situs web Anda. Untuk mempercepat kinerja website Anda, Anda dapat menggunakan WP Rocket dan Autoptimize.

WP Roket

Plugin ini memfasilitasi Anda dengan cara berikut:

  • Buat semua JS inline dan eksternal ke satu file
  • Simpan semua skrip yang dilokalkan bersama-sama sebelum skrip utama
  • Secara otomatis mengoptimalkan pihak ketiga seperti ( Tawk.to, WP Rockets lazyload, Google Analytics, Double Click Google Analytics)
  • Tingkatkan unggahan yang malas, dll

Optimalkan otomatis

Pengoptimalan otomatis terus mengoptimalkan situs web Anda dengan cara yang sangat mudah. Ini dapat memfasilitasi Anda dengan cara-cara berikut:

  • Itu dapat mengecilkan skrip dan gaya cache
  • Menyuntikkan CSS di kepala halaman secara default
  • Sebaris CSS penting
  • Mudah untuk mengoptimalkan gambar yang memuat lambat
  • Dan juga mengoptimalkan Google Font, dll.

Kesalahan Umum yang Harus Anda Hindari

Elementor Page Speed
Kesalahan oleh Pengguna Elementor

Apakah Anda menggunakan Elementor dengan benar? Jika jawabannya ya, maka Anda mungkin keluar dari bahaya. Tetapi jika tidak, maka bagian ini untuk Anda. Karena kita akan membahas kesalahan umum yang dilakukan setiap pengguna elementor dan cara mengatasi masalah tersebut, di bagian ini.

Namun, kami telah membahas sebelumnya di bagian kami sebelumnya tentang apa yang harus Anda ikuti untuk mempercepat situs web Elemetor Anda.

Oke mari kita mulai:

Tidak Menggunakan Tema yang Benar

Tema memberi situs web struktur yang sempurna. Tetapi jika Anda tidak memilih yang tepat, maka semua upaya tidak akan membuahkan hasil. Orang tidak akan datang ke website Anda sehingga akan menimbulkan kesan yang buruk.

Tema penyesuaian yang sempurna akan menyuarakan suara Anda, dan juga orang-orang akan mendapatkan pengalaman yang luar biasa dengan bisnis Anda. Jadi sebaiknya gunakan tema yang sesuai untuk situs web Anda atau sesuaikan tema dari awal. Dan Google tidak hanya akan menaikkan peringkat tetapi juga mempercepat situs web Anda.

Menyesuaikan Tanpa Menghapus Cache

Kesalahan umum lainnya adalah menyesuaikan situs web Anda tanpa membersihkan cache situs web Anda. Situs web terus mengalami penyesuaian dan pembaruan. Jadi sangat penting untuk membersihkan cache secara teratur sebelum mengedit atau mendesain.

Jika Anda adalah pengguna MAC biasa, maka Anda dapat menghapus file cache menggunakan Command + R dan Control + Shift + R untuk windows. Anda dapat membaca dokumentasi ini untuk menghilangkan masalah ini.

Tidak Mengoptimalkan Gambar

Gambar yang dioptimalkan tidak hanya bermanfaat untuk SEO tetapi juga bagus untuk memuat halaman dengan cepat. Banyak pengguna Elementor tidak mengubah ukuran gambar sebelum menerapkan. Akibatnya, situs web menjadi berat dan memuat lambat.

Anda harus merencanakan untuk mengubah ukuran setiap foto menggunakan TinyPNG seperti yang telah kami katakan di bagian sebelumnya.

Tidak Menggunakan Warna Default

Meskipun itu masalah kecil. Namun terkadang, Anda mungkin menghadapi masalah karena tidak menggunakan warna yang tepat atau default untuk situs web Anda. Anda bisa mendapatkan banyak pilihan untuk memilih warna dari galeri warna default Elementor.

Warna-warna ini dirancang secara tepat untuk memudahkan pengguna. Ini akan membantu menghemat banyak waktu Anda dan juga membuat Anda tetap konsisten di seluruh situs web Anda.

Putusan Akhir

Tidak mungkin untuk membahas semua masalah dalam waktu cepat. Tapi, kami mencoba untuk fokus pada masalah vital yang dihadapi setiap pengguna Elementor. Pastikan untuk sangat berhati-hati dalam proses menyesuaikan situs web menggunakan Elementor, jika Anda membangun sendiri atau berencana menyewa pengembang.

Kami harap Anda mendapatkannya sangat berguna. Jika Anda bisa mengikuti langkah-langkahnya dengan seksama, pasti Anda bisa mempercepat Website Elementor Anda.

Namun, jika Anda merasa kami tidak menyebutkan kesalahan umum yang seharusnya ada dalam daftar, jangan ragu untuk membagikannya kepada kami di komentar di bawah.

Periksa Artikel di Situs Web 10 Elemen Teratas