EDISI dengan GTMETRIX KECEPATAN WEBSITE DENGAN GTMETRIXKamus fstlah GT Motrx APA ITU GTMETRIX? Apakah Anda sudah atau Banyak visitor website Anda mengeluhkan melakukan banyak hat untuk icgnbatnie webere ata [ISI Rea Cea Waele ARCS) padahal Anda bisa tap! hasiInya sama saja? Jika iya maka Anda memerlukan cara yang lebih powerfull untuk mempercepat website Anda. Sayangnya, banyak pemilk website yang asal melakukan optimalisasi agar websitenya cepat tanpa mengetahui bagian apa saja yang harus diperbaiki. Padahal tanpa mengetahui apa yang betmasalah, maka perbalkan pun tak akan tepat sasaran. {tulah pentingnya menganalisa terlebth dahulu sebelum melakukan optimalisas|_ pada website Anda. Sama hal nya ketika kita akan menyervis motor —kita’_~-yang~—diirasa performancenya menurun, maka seorang teknis! petlu memeriksa bagian spare part mana yang bermasalah sebelum memperbaikinya, kan? Sama halnya dengan website Anda Kini Anda sudah memahami bahwa langkah awal yang harus Anda lakukan adalah menganalisa website Anda terlebih dahulu sehingga Anda tidak salah atau bahkan membuang waktu. E-Book: Car! Tahu Kecepatan Website deagdms Tier mengaksesnya dengan cepat? Ada banyak cara yang bisa dilakukan untuk Mmenganalisa website kita agar dapat diakses lebih cepat. Anda bisa _menggunakan situs-situs untuk testing peforma website Anda. Salah satunya yang paling lengkap adalah GTmetrix.com. Dengan menggunakan GTmetrix, Anda dapat menganalisa website Anda dengan tepat sehingga Anda pun dapat menindaklanjutinya dengan tepat pula. Ada beberapa poin yang bisa dilakukan dan telah menjadi standar pada beberapa situs untuk testing performa website Anda di GTmetrix. Nah, sebelum Anda memulai menganalisa, ada baiknya Anda mengetahul maksud dari poin-poin yang ada pada GTmetrix yang akan kami bahas di halaman selanjutnyaKomus Istlah GT Metrix KAMUS ISTILAH GTMETRIX PAGE S| A Avoid a Character Set in The Meta Tag Menentukan set karakter pada meta tag, untuk disable Lookahead Downloader pada IE8, Dimana hal ini akan meningkatkan sumber daya download parallelization, dengan memindahkan karakter set ke HHTP Content-Type. Avoid Bad Requests Menghapus broken link atau permintaan yang menghasilkan error 404 / 410. Dimana hal berikut dilakukan untuk menghindari permintaan yang tidak penting yang akan memberatkan kinerja server. Avoid CSS @import Hindari menggunakan css ‘@lmport. Penggunaan CSS untuk @import pada external stylesheet dapat menciptakan delay saat loading website Anda. Avoid CSS Expressions Hindari CSS ekspression. CSS expression akan menurunkan performa suatu website saat dilakukan penguraian / render. Merubah penggunaan CSS expression dengan beberapa alternatives akan meningkatkan performa browser dari visitor Anda. Avoid document.write Penggunaan script document.write untuk fetch pada sumber external akan membuat kinerja website semakin lama dalam proses load website Anda. Avoid Flash on Mobile Webpages Adobe Flash kurang begitu didukung pada beberapa device mobile, sehingga penggunaan flash perlu dipertimbangkan. Saat ini anda bisa mempertimbangkan — penggunaan—htmiS dibandingkan flash, Karena teknologi htmlS sudah mendukung jika anda membutuhkan tampilan seperti Flash, Avoid Landing Page Redirects Redirect pada landing pages akan menciptakan delay saat akses statu halaman dan ketika proses berlangsung, halaman yang ditampilkan ke sisi client adalah kosong, c Combine External CSS Mengkombinasikan beberapa CSS external menjadi file yang sekecil_mungkin dapat mengurangl RTT dan delay saat mengambil konten yang lain, Combine External JavaScript Mengkombinasikan beberapa script external menjadi file yang sekecil mungkin dapat mengurangi RTT dan delay saat mengambil konten yang lain. ‘Combine Images Using CSS Prites Mengkombinasikan beberapa gambar menjadi seminimal mungkin fle dapat mengurangi round-trip dan delay saat mengambil konten yang lain dan mengurangi jumlah bytes yang perlu didownload dari server. D Defer Loading of JavaScript Menunda pengambilan javascript yang tidak dipanggil saat startup akan mengurangi proses download yang dibutuhkan sehingga bandwith dapat digunakan untuk mendowload resource lain Defer Parsing of JavaScript Saat melakukan load sualu halaman website, browser akan melakukan_ mengurai semua konten dengan tag . Dimana hal tersebut akan membutuhkan waktu saat melakukan load website. Dengan memimalisir penggunaan Javascript saat melakukan render halaman dan menunda penguraian untuk javascript yang tidak dibutuhkan, maka akan dapat mengurangi load website anda. E-Book : Car! Tatu Kecepetan Website dengan GTmetxKamus istlah GT Metrix Enable Gzip Compression Mengurangi besamnya file yang dikirim dari server untuk meningkatkan kecepatan selama proses transfer ke browser. Pengguaan fitur ini akan mereduce besarnya file hingga 70%. Enable Keep-Alive Dengan mengaktifkan Keep-Alive, maka akan memperbolehkan suatu koneksi untuk melakukan multiple HTTP request sehingga mengurangi latency paca sub-request tersebut Improve Server Response Time Pagespeed mengharapkan server segera melakukan response terhadap _permintaan resource secepatnya untuk memastikan website bisa diakses dengan cepat. Setlap permintaan resource, server diharuskan untuk mengirimkan byte pertama dalam waktu 200ms. Inline Small CSS- Inlining CSS external yang kecil dapat menghemat dalam pengambilan file-file kecil Atternatif yang balk untuk inline CSS adalah dengan mengkombinasikan file CSS external. Inline Small JavaScript Inlining javascript external yang kecil dapat menghemat dalam pengambilan file-file kecil Alternatif yang baik untuk inline CSS adalah dengan mengkombinasikan file javascript external L Leverage Browser Caching Mengurangi walu load yang dibutuhkan untuk akses suatu halaman dengan menyimpan file yang sering digunakan dari sebuah website oleh customer, Leverage Proxy Caching Mengakiifkan caching public pada header HTTP untuk —konten yang — statis. sehingga memungkinkan untuk browser mengambil konten dari proxy terdekat, bukan dari server. Make Landing Page Redirects Cacheable Banyak halaman, terutama halaman untuk mobile, akan me-redirect visitor ke url tertentu, membuat redirect berikut menjadi cacheable oleh browser akan dapat meningkatkan kecepatan untuk load website untuk pengunjung berulang kali datang, Minify CSS Memadatkan kode CSS dapat dapat menghemat besarnya data yang harus diambil browser dan mempercepat download, parsing, dan waktu eksekusi Minify HTML Memadatkan kode HTML, termasuk inline JavaScript dan CSS, dapat menghemat besarnya data yang harus diambil browser dan mempercepat download, parsing, dan waktu eksekusi Minify Javascript Memadatkan kode javascript dapat dapat menghemat besarnya data yang harus diambil browser dan mempercepat download, parsing, dan waktu eksekusi. Minimize Cookie Size Menjaga cookies sekecil_mungkin sehingga permintaan HTTP dapat masuk ke dalam satu paket Minimize DNS Lookups Mengurangi jumlah hostname yang unik dari server dapat mengurangi jumlah resolusi DNS yang harus dibuat oleh browser dan mengurangi delay RTT. Minimize Redirects Meminimalkan HTTP redirect dari suatu URL dapat mengurangi tambahan RTT dan waktu bagi visitor, Minimize Request Size Menjaga cookies dan request header sekecil mungkin untuk memastikan bahwa permintaan HTTP dapat masuk ke dalam satu paket. E-Book : Car! Tat Kecepatan Wobsite dengan GTmotixKomus Istlah GT Metrix ° Optimize Images Mengurangi waktu yang dibutuhkan untuk mengambil konten gambar yang harus dimuat sesual ukuran, Optimize The Order of Styles and Scripts memperbaiki urutan load external stylesheet dan externaV/inline script untuk meningkatkan sistem download secara pararel dan mempercepat browser dalam proses render. P Parallelize Downloads Across Hostnames Melayani sumber dari empat atau lima nama host yang berbeda dapat meningkatkan sistem download secara paralel. Prefer Asynchronous Resources Mengambil sumber asynchronous _mencegah data terblokir saat menampilkan sebuah halaman. Put CSS in The Document Head Pindah blok style inline dan elemen dari body ke head meningkatkan kinerja dalam proses rendering. Remove Query Strings From Static Resources Kebanyakan proxy, terutama Squid melalui versi 3.0, tidak dapat melakukan cache dengan tanda "2" di URL mereka, bahkan jika Cache-control: public header telah digunakan. Untuk mengaktifkan caching proxy, hapus string query dari sumber data statik, dan sebaliknya encode parameter ke nama file itu sendiiri Remove Unused CSS Menghapus aturan style yang tidak digunakan oleh dokumen menghindari proses download data yang. tidak perlu. dan memungkinkan browser untuk melakukan proses render lebih cepat. Ss Serve Resources From a Consistent URL ‘Sangat penting untuk menyediakan data dari URL unik, untuk menghilangkan proses download yang duplikat dan tambahan RTT. Serve Scaled Images Melakukan pendekatan yang baik pada ukuran gambar dapat menghemat banyak byte data Serve Static Content From a Cookieless Domain Menyediakan data statis dari domain cookieless mengurangi ukuran total permintaan yang dibuat pada halaman yang sedang diakses. Specify a Cache Validator Semua sumber daya statis harus memiliki sebuah Last-Modified atau ETag header. Ini akan memungkinkan browser untuk — mengambil keuntungan dari sistem caching, Specify a Character Set Early Mengkonfigurasi karakter set di tingkat server mengurangi pengolahan pada browser client. Specify a Vary: Accept-Encoding Header Mengurangi jumlah hostname yang unik dari server dapat mengurangi jumlah resolusi DNS yang harus dibuat oleh browser dan mengurangi delay RTT. Specify a Viewport for Mobile Browsers Jika halaman Anda telah dirancang agar dapat diakses oleh perangkat mobile, maka Anda harus memanfaatkan meta tag viewport sehingga perangkat mobile dapat menampilkan halaman web pada ukuran yang benar. Specify Image Dimensions Menentukan lebar dan tinggi untuk semua gambar memungkinkan proses render menjadi lebih cepat dengan menghilangkan kebutuhan untuk perubahan tata letak yang tidak perlu. U Use an Application Cache Mengaktifkan cache aplikasi memungkinkan halaman web untuk segera — digunakan, melakukan perubahan pada later belakang dan berdampak saat halaman web diakses oleh pengguna Use Efficient CSS Selectors Menghindari penggunaan selector yang kurang efisien terhadap elemen yang digunakan dalam jumlah banyak dapat mempercepat rendering halaman, EBook : Cari Tanu Kecepatan Website dengan GTmetrx 4A Add Expires Headers Expired header memperbolehkan browser untuk mengetahui versi cache suatu halaman. Avoid AlphalmageLoader Filter AlphalmageLoader pada browser IE akan melakukan block rendering dan meningkatkan waktu loading yang dibutuhkan. Avoid CSS Expressions Expression pada CSS akan melakukan evaluasi terhadap CSS yang tidak dibutuhkan dan membuat load website anda semakin berat. Avoid Empty Src or Href Penggunaan fungsi src atau href yang tidak memiliki value akan menimbulkan beberapa masalah dalam loading suatu website. Avoid HTTP 404 (Not Found) Error Memperbaiki semua error 404 yang muncul untuk menghindari visitor Anda melakukan pengambilan data yang sebenarnya tidak ada. Avoid URL Redirects Hindari penggunaan redirect URL karena akan menambah waktu delay saat visitor melakukan load pada halaman website Anda. c Compress Components With Gzip Melakukan kompresi pada beberapa resource akan menghemat waktu dan bandwith yang dibutuhkan untuk load website Anda. Configure Entity Tags (ETags) Menjalankan multiple server dengan kenfiguras! default. ETags dapat mencegah munculnya pesan 304. D Do Not Scale Images in HTML Mengatur ukuran konten gambar pada HTML. akan menghabiskan bandwith, karena browser akan melakukan pengambilan gambar dengan’ ukuran yang besar. Kamus Istlah GT Metrix Make AJAX Cacheable Dengan memperbolehkan permintaan AJAX untuk dicache, dapat mengurang! delay saat akses suatu halaman website. Make Favicon Small and Cacheable Pastikan penggunaan favicon sekecil mungkin den konfigurasi cache untuk favicon tersebut Make Fewer HTTP Requests Mengurangi permintaan HTTP mengkombinasikan file dan CSS. dengan Make JavaScript and CSS External Merupakan strategi untuk membuat javascript dan CSS external untuk utilisasi cache pada browser. Minify JavaScript and CSS Hapus untuk karakter yang tidak diperlukan pada Javascript dan CSS untuk membuat load website anda semakin cepat. P Put CSS at The Top Pastikan penggunaan CSS ada di bagian atas file website anda, sehingga dapat diuraikan dengan baik oleh browser. Put JavaScript at Bottom Letakkan javascript anda pada bagian paling bawah dari halaman website Anda untuk memastikan resource yang lain tidak terblock R Reduce Cookie Size Menjaga besamya cookies sekecil mungkin untuk meminimalisir besarnya header HTTP yang harus diload oleh browser. Reduce DNS lookups Pencarian DNS akan mencipatkan delay saat melakukan permintaan ke server. Membuat permintaan ke beberapa server akan membuat performa website anda semakin lambat EBook : Car! Tahu Kecepatan Website dengan GTmetrixKomus Istlah GT Metrix Reduce The Number of DOM Elements Halaman website yang kompleks berarti ada banyak resource yang harus diambil oleh browser . dan berarti memperlambat akses elemen DOM Use a Content Delivery Network (CDN) pada Javascript Melayani konten yang static dari beberapa domain untuk menghindar trafk cookie yang tidak ti Remove Duplicate JavaScript andcss 9 “" mod_gzip_on Yes mod_gzip_dechunk Yes mod_gzip_item_include file (htmi?itxticssljsiphplp)$ ‘mod_gzip_item_include handler *eg-seriptS mod_gzip_item_include mime “text.” ‘mod_g2ip_item_include mime “application avascript* mod_gzip_item_exclude mime *image/ mod_gzip_item_exclude rspheader *Content-Encoding:."gzip." Jika Anda ingin menggunakan webserver nginx, anda bisa menggunakan script berikut gzip on; gzip_comp_level 2; gzip_htip_version 10, gzip_proxied any; gzip_min_length 100; gzip_buffers 16 8k; gzip_types text/plain texthtml text/css_application’x-javascript_ text/xml _application/xm! application’xml+rss textjavascript, # Disable for IE < 6 because there are some known problems gzip_disable "MSIE [1-6](?.°SV"; 4# Add a vary header for downstream proxies to avoid sending cached gzipped files to IE6 gzlp_vary on; Jika Anda ingin menggunakan webserver dan webserver anda menggunakan apache, Anda bisa menggunakan script berikut : AddOutputFilterByType DEFLATE textiplain ‘AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text’xm! AddOutputFilterByType DEFLATE texticss ‘AddOutputFilterByType DEFLATE application/xm! AddOutputFilterByType DEFLATE application/xhtml+xml ‘AddOutputFilterByType DEFLATE application/rsstxml ‘AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application)x-javascript EBook : Car! Tahu Kecepatan Website dengan GTmetrix "1Caching Browser/Expires Headers CARA CACHING BROWSER / EXPIRES HEADER Setiap kali browser memuat halaman website maka otomatis browser akan men-download semua file website untuk menampilkan halaman website dengan semputna yang mencakup File HTML, CSS, javascript dan gambar. Beberapa halaman mungkin hanya terdiri dari beberapa file ukuran kecil yang mungkin ukurannya beberapa kilobyte, namun_ jika ditotal keseluruhan file-file tersebut bisa mencapai_ukuran beberapa megabyte, hal tersebut akan mempengaruhi kecepatan akses website Anda, Hl Hal Ini dikarenakan memuat file-file yang ukurannya cukup besar apalagi jika koneksi internet yang digunakan lambat, semakin banyak permintaan yang dilakukan browser ke server website Anda maka proses yang dilakukan akan semakin tinggi hal ini juga akan berdampak pada kecepatan akses website Anda. af Blade Picture by freepitccom E-Book : Carl Tahu Kecepatan Website dengan GTmettix 12Caching Browser Exptes Header Salah satu cara untuk — meningkatkan’ kecepatan akses website anda yaltu dengan Caching Browser, Caching Browser dapat membantu. meningkatkan kecepatan akses website anda dengan menyimpan sementara beberapa file-sfile website anda secara lokal pada browser pengunjung dengan rentang waktu tertentu sesuai dengan settingan yang telah dilakukan. Memang untuk kunjungan website pertama belum terasa perubahannya hal ini dikarenakan pada kunjungan _pertama browser akan mendownload semua file website anda kemudian menyimpannya di komputer lokal anda, namun__ketika pengunjung melakukan kunjungan berikutnya, me refresh halaman, atau bahkan bergerak ke halaman yang berbeda dari situs Anda, maka’ pengunjung sudah memiliki beberapa file yang) mereka butuhkan secara lokal sehingga tidak perlu melakukan permintaan lagi ke server dan hal ini akan mengurangi beban download dan proses permintaan ke server. Cara kerjanya yaitu dengan menandai halaman’ tertentu, atau bagian dari halaman seperti file html, css, javascript atau gambar. Misal Logo pada website Anda, tidak mungkinkan untuk logo berubah dari hari ke hari. Dengan melakukan caching gambar logo ini, kita bisa meminta browser — pengguna —_untuk men-download logo ini dan menyimpan cachenya seminggu sekali sehingga setiap user mengakses website yang sama maka browser akan memanggil/menggunakan logo yang cachenya sudah tersimpan pada cache browser selama 1 minggu. PERLU DIINGAT ! disarankan langkah ini tidak diterapkan pada file yang sering berubah secara berkala, = CARA MENGAKTIFKAN CACHING BROWSER Cara mengaktifkan caching browser yaitu dengan mengedit HTTP website dan mengatur tanagal kadaluarsa pada jenis file tertentu pada file htaccess, berikut detaiinya : file-file website anda yang akan diterapkan, kemudian buat sebuah file htaccess pada direktori website Anda Selanjutnya buka file htaccess dan aktifkan pengaturan mod_expires dengan menambahkan script ° # Enable expirations ExpiresActive On # Default directive ExpiresDefault “access plus 1 month” ExpiresByType imagelipg "access plus tyear" Kemugian untuk menerapkannya pada beberapa file dan mengatur tanggal kadaluarsa cache tersebut silahkan ganti #Imagevipa dengan image/png (untuk file PNG), # text/css (untuk file CSS), © application/paf (untuk file PDF), # textcjavascript (untuk fle JAVASCRIPT), application/x-shockwave-flash (untuk file SWF, * image/x-icon (untuk file icon) Dan untuk melakukan setting periode cachingnya, silahkan gant # access plus 1 year dengan access plus 1 year (untuk 1 tahun), * access plus 1 month (untuk 1 bulary, © access plus 1 hours (untuk periode 1 jam). E-Book : Carl Tahu Kecepatan Website dengan GTmetrix 13CARA MINIFY JAVASCRIPT ATAU CSS Minificatior/Minify adalah proses menghapus semua karakter yang tidak perlu seperti spasi, baris baru , komentar , dan pembatas blok yang digunakan untuk menambah pembacaan kode tetap! tidak diperlukan saat eksekusi kode dari Source code asli tanpa metubah fungsinya yang digunakan untuk meningkatkan waktu respon website dan memperkecil_ukuran file. Minified sangat berguna untuk bahasa yang diaplikasikan dl Internet (seperti JavaScript, html atauccss}, karena dapat mengurang! jumlah data yang ditransfer. Book : Cari Tahu Kecepatan Website dengan GTmetix Minification dapat dibedakan dari konsep umum kompresi data bahwa source minified dapat dimuat segera tanpa perlu proses uncompress, Beberapa JavaScript optimizers seperti JSMin dan Packer dirancang khusus untuk teknik pemrograman web modern, dan mampu memahami dan melestarikan komentar bersyarat, dan yang sejenis: Packer, misalnya, dapat mengecilkan nama variabel yang biasanya 5-10 karakter untuk huruf tunggal, mengurangi ukuran file script, sehingga membuat proses download lebih cepat. Google telah merilis Closure Compile, yang juga menyediakan’ minification yang mempunyai kemampuan untuk memperkenalkan penggantian nama lebih agresif, menghapus kode mati, » dan menyediakan fungsi inlining. Selain itu, beberapa Tools Online seperti Microsoft Ajax minifier, Yahoo! YUI Compressor atau Cukup Diff, dapat meng compress file CSS. Salah satu Tools Online Gratis yang dapat mengecilkan Java Script dengan UglifyJS dan memiliki kemampuan untuk menggabungkan. beberapa file adalah BlimptonTech.com. 14Minity JavaScript’ CSS Komponen dan library untuk aplikasi Web dan situs telah dikembangkan untuk mengoptimalkan permintaan berkas dan mempercepat load halaman dengan mengurangi ukuran berbagai file. Beberapa libraries juga menggabungkan beberapa file script ke file tunggal untuk proses download Klien. Sebuah pendekatan baru untuk server-side minification diambil oleh Ziproxy, forwarding, non-caching, mengompres| HTTP proxy yang ditargetkan untuk mengoptimast lalu lintas. Meminifies dan mengoptimalkan HTML, CSS, dan JavaScript di samping itu juga mere-kompres gambar. Konten encoding adalah pendekatan yang dilakukan oleh server web yang kompatibel dan web browser modern untuk kompres HTML dan konten tekstual terkait, sering dalam format gzip, JavaScript_source_maps dapat membuat kode yang dapat dibaca dan yang lebih penting debuggable bahkan setelah digabungkan dan diminified. CARA UNTUK MEMINIFY FILE JAVASCRIPT WEBSITE ANDA castorate (ite 4 Kunjungibimptontech.com emu klik tabmenu Copy & Paste Jika ingin mengcompress dengan Javascript Code untuk mempasts kode ‘mengupload fle Javascript pil ‘Compress Javascript CARA UNTUK MEMINIFY FILE CSS WEBSITE ANDA Kunjung| essminifier-com emuchion pastekan kode CSS Anda ‘Stelan tu klk buton miniy make «Form Input CSS. aninya akan damian output kode setelah modi, Minty your C88 E-Book: Cal Tahu Kecepatan Website dengan GTinetix 15oO ENGKOMBINASIKAN GAMBAR MENGGUNAKAN CSS SPRITES Sprite image adalah menggabungkan gambar yang dimuat pada halaman yang sama dan yang selalu diambil bersama . Misalnya , satu set Ikon yang dimuat pada setiap halaman harus sprited . Gambar dinamis yang berubah dengan setiap tampilan halaman , seperti profil gambar atau gambar lain yang sering berubah mungkin tidak menjadi kandidat yang balk untuk spriting Gambar GIF dan PNG menggunakan kompres! lossless dan dengan demikian dapat digabung tanpa mengurangi kualitas gambar gabungan yang dihasilkan Sprite Gambar Kecil Pertama Setiap permintaan menimbulkan jumlah yang tetap permintaan overhead. Waktu yang diperlukan browser untuk —men-download gambar kecil dapat didominasi oleh overhead permintaan , Dengan menggabungkan gambar kecll , Anda dapat mengurangi overhead ini dari satu permintaan per gambar untuk satu permintaan untuk seluruh sprite mo fo Gambar Di In di Cache Spriting gambar dengan masa hidup caching panjang berarti bahwa gambar tidak akan harus kembali diambil setelah itu cache oleh browser Menggunakan Layanan Spriting Spriting layanan seperti SpriteMe dapat membuat lebih mudah untuk membangun sprite CSS Meminimalkan Jumlah "Ruang Kosong "dalam Gambar Sprited Untuk menampilkan gambar , browser harus dekompresi dan decode gambar . Ukuran representasi decode gambar sebanding dengan jumlah piksel dalam gambar . Jadi, sementara ruang kosong dalam gambar sprited tidak secara signifikan mempengaruhi ukuran file gambar , sprite dengan piksel tidak tampil meningkatkan penggunaan memori halaman Anda , yang dapat menyebabkan browser untuk menjadi kurang responsif Gambar Sprite dengan Palet Warna yang Sama Spriting gambar dengan lebih dari 256 wana dapat menyebabkan sprite yang dihasilkan menggunakan PNG jenis warna yang benar bukan jenis palet , yang dapat meningkatkan ukuran sprite yang dihasiIkan Untuk menghasilkan sprite optimal , menggabungkan gambar yang berbagi palet 256 warna yang sama . Jika ada beberapa fleksibilitas dalam wama dalam gambar Anda , pertimbangkan mengurangi palet warna sprite yang dihasilkan untuk 256 warna Book : Carl Tahu Kecepatan Website dengan GTmetx 7@BEON.coD AU TESA MELINDUNGI WORDPRESS ANDA eC Wade ad dL “Kami memberikan kemudahan dan mengoptimasi fitur hosting Anda” co Auto Update Engine, Lela mla nay keyed at 1 ame Sic re nce Routine Wordpress Check-up Bae fia Pe @ Le euCna sg ya aa alec mens 1} + Phising Protection sey X >) 0 a Zero Second Tae iol) yy) we Beginners Oriented ( Oa ATOM A Keke RECON AAO @® ®@ © © © ere Ce Nice amno ne a1) rsa) CO) Fo (@) irteesrans Seer ae eee eter ers