Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. WordPress

Pagsusuri ng Pagganap: Ang Pinakamabentang mga Tema ng WordPress sa ThemeForest

by
Length:LongLanguages:

Tagalog (Wikang Tagalog) translation by Robert Alexander (you can also view the original English article)

Ang Pagganap ang isa sa pinakahalagang mga aspeto ng anumang website, ngunit ito ay isang bagay na bihirang isaalang-alang ng mga tao kapag bumibili ng mga tema ng WordPress. Sa paglilikom na ito kukuhanin natin ang 10 pinakamabentang mga tema sa pamamagitan ng Temangkagubatan, sa pagkakasunod-sunod ng hitsura, pamamahalaan sila sa pamamagitan ng ilang panimulang pagsusuri ng pagganap, at iraranggo sila mula sa pinakamataas hanggang sa pinakamababa.

Ang Napiling mga Tema

Listahan ng ThemeForest ng pinakamabentang mga tema ng WordPress ay ipinapaalam ang pagbabago sa bawat linggo, ngunit madalas ninyong makikita ang pamilyar na mga manlalarong humahawak ng nangungunang puwesto sa loob ng ilang panahon. Kinuha namin ang sampung nangunguna (makikita sa ibaba) at itinutugma sila laban sa bawat isa sa pamamagitan ng karaniwang pagsusuri ng pagganap.

2017s Best Selling WordPress Themes - updated weekly
Ang Pinakamabentang mga Tema ng WordPress - ipinapaalam ang pagbabago sa bawat Linggo

Ang mga Pagsusuri

Maraming mga kagamitan ang mayroon para sa pagsusuri ng mga website, pinili namin ang ilang mga klasiko: Google Pagespeed Insights, Webpagetest.org, Pingdom, at Chrome dev tools.Karamihan ay magbibigay ng tugon tungkol sa kung gaano kabilis magkarga ang pahina ng isang web, ang kabuuang timbang, kung gaano kabisa ang paghigit ng mga asset nito, na talagang nagbibigay ng kakaibang puntos. Kami ay namahala ng isang pagpapakilala ng bawat tema sa pamamagitan ng mga kagamitang ito at inihambing ang mga pigura (tingnan ang talaan sa dulo ng paskil).

Dagdag pa sa mga pagsusuring ito ginamit namin ang Accessibility Audit plugin para sa Chrome dev tools. Hindi ito konektado sa pagganap, ngunit ang mga resulta ay palaging nagbibigay ng kaalaman kung paano binuo ang isang tema.

Ilang mga bagay na dapat tandaan:

  • Ang mga pagpapakilala na ito ay pinamunuan lahat ng indibidwal na lumikha ng mga tema. Ang batayan ng pamumuno ay hindi lahat pantay-pantay.
  • Ang mga pagpapakilala ay pinili ng walang batayan kung saan maraming mga pagpipilian ang mayroon. Woocommerce, BuddyPress, o anumang iba pang mga plugin na plataporma ay mga iniwasan hangga’t maaari. Walang hayag na pinapanigang larawan (tulad ng mga portpolyo ng larawan) din ang ginamit.
  • Lahat ng mga URL ay sinuri mula sa California, hangga’t maaari.
  • Ang eksaktong mga resulta ay maaring mag-iba araw-araw.
  • Ang pagpapakilala ng mga tema ay madalas binuo upang makagawa ng biswal na epekto, puno ng mataas na kalidad ng paglalarawan at mas maraming nagagawa hangga’t maaari. Ang ibig sabihin nito na ang mga pagpapakilala ay bihira na eksakto ang repleksyon sa kung paano ang hitsura at ayos ng resultang website. Ito malamang ay, sa pamamagitan ng sarili ninyong kopya, mapapagbuti ninyo ang mga puntos ng pagganap ng lahat ng mga pagpapakilala na ito.

Avada

Creative demo
Avada: Malikhaing Pagpapakilala
  • Mga kaalaman sa bilis ng pahina gamit ang mobile: 46%
  • Mga kaalaman sa bilis ng pahina gamit ang desktop: 48%
  • Webpagetest.org: Tuwid na mga A, maliban sa isang malaking matabang F sa pinagsama-samang larawan. AAAFA☑
  • Pingdom: 91% (grado A)
  • Bilis ng pagkarga ng Pingdom: 1.94 s
  • Chrome dev na mga kagamitan sa timbang ng pahina: 2.8Mb
  • Pagtutuos kung madaling puntahan: 94% ang puntos (napakahusay). Ang mga katangian ng ARIA ay sumusunod sa pinakamahuhusay na kasanayan, ang mga elemento ay mahusay na nakabalangkas, ang mga etiketang meta ay nagamit ng wasto.

Ang mabibigat na mga larawan ay isang malaking dahilan ng mababang puntos sa kaalaman sa bilis ng pahina; 77.2% sa timbang ng pahina ay iniugnay sa mga larawan. Ang mga salansan tulad ng avada-malikhain-bahay1.jpg ay maari pa sanang mabawasan mula sa 344.6 KB patungop sa ~40 KB nang walang masyadong pagsisikap. Talagang patas na sabihing, sa pamamagitan ng sentido komun, ang inyong sariling paglalagay ng Avada ay maaaring gawing mas magaan at mas mabilis. Mabuting makita na ang Avada ay binuo sa pamamagitan nang nasa isip kung paano ito madaling mapupuntahan.

The7

The7 Construction demo
The7: Pagpapakilala ng Pagbubuo
  • Mga kaalaman sa bilis ng pahina gamit ang mobile: 64%
  • Mga kaalaman sa bilis ng pahina gamit ang desktop: 91%
  • Webpagetest.org: Mga A sa kabilang panig ng lupon. AAAAA☑
  • Pingdom: 68% (grado D)
  • Bilis ng pagkarga ng Pingdom: 1.51 s
  • Chrome dev na mga kagamitan sa timbang ng pahina: 1.3Mb
  • Pagtutuos kung madaling puntahan: 94% ang puntos (hindi na masama). Ang ibang mga elemento ng larawan ay nawawala ang mga katangiang alt, ang proporsyon ng kontrast ng kulay ay mas mabuti sa ibang mga teksto (kaugnay sa paligid nito). Ngunit sa kabuuan, ang mga elemento ay mahusay na nakabalangkas at ang kadaliang puntahan ay matatag.

Sa pagsasalita sa pangkalahatan ang pagpapakilalang ito ay lubos na mabilis ang pagkakarga; ang mga larawan at mga asset ay hindi masyadong mabigat, at ang pahina ay relatibong magagamit agad sa sandaling ikinarga. Gayunpaman ang grado ng Pingdom ay hindi ang pinakamainam. Ang mga pagpapabuti ay maaaring gawin sa pamamagitan ng pagsasama-sama ng ilang mga JavaScript, gayundin ang CSS, habang ang pagcache ay maaaring gawing mas madali sa pamamagitan ng hindi pagpilit ng mga numerong bersyon sa salansan ng mga pangalan /assets/css/settings.css?ver=5.4.5.2)

BeTheme

BeTheme 3D demo
BeTheme: 3D demo
  • Mga kaalaman sa bilis ng pahina gamit ang mobile: 76%
  • Mga kaalaman sa bilis ng pahina gamit ang desktop: 87%
  • Webpagetest.org: Tuwid na mga A AAAAA☑
  • Pingdom: 98% (grado A)
  • Bilis ng pagkarga ng Pingdom: 1.27 s
  • Chrome dev na mga kagamitan sa timbang ng pahina: 1.8Mb
  • Pagtutuos kung madaling puntahan: 80% Ang proporsyon sa kontrast ay bumaba (ito ay talagang isang madilim, makulimlim na tema), at ang hindi nito perpektong paggamit ng mga tungkulin ng ARIA.

Ang temang ito ay talagang mabilis magkarga. Marami sa nakikitang nilalaman nito ay pinaprayoridad sa pamamagitan ng pagsasama-sama ng mahalagang mga estilo na nakalinya sa mga paksa, at karamihan sa nilalaman ay pinaliit at pinagdugtong. Bilang madalas na kaso, ang kabuluhan ng mga larawan para sa mga ibinahagi ng liyon sa timbang ng pahina (69.5%), kaya hindi magiging mahirap na makuha ang homepage ng pagpapakilalang ito sa ilalim ng ginintuang 1Mb sa bungad.

Impreza

Impreza Restaurant demo
Impreza: Restaurant demo
  • Mga kaalaman sa bilis ng pahina gamit ang mobile: 63%
  • Mga kaalaman sa bilis ng pahina gamit ang desktop: 68%
  • Webpagetest.org: FAABF☒
  • Pingdom: 68% (grado B)
  • Bilis ng pagkarga ng Pingdom: 2.34 s
  • Chrome dev na mga kagamitan sa timbang ng pahina: 2.5Mb
  • Pagtutuos kung madaling puntahan: 94%(napakahusay). Wastong nagamit ang mga katangian sa mga elemento, kasama ang mga tungkulin ng ARIA. Nakikilala ang mga pangalan ng elemento at mahusay na nailarawan ang nilalaman.

Habang ang bilis ng pagkarga ng pagpapakilala sa restawran ng Impeza ay hindi na masama, ang puntos sa pagganap ay nahadlangan ng higit sa 2Mb na mga larawan. Kasama din sa natandaan ay ang kakulangan ng CDN at ang mahinang oras sa pagtugon ng server; dalawang aspeto kung saan ay partikular sa pamumuno ng pagpapakilalang ito at ang isa ay mas madali ninyong mapapagbuti.

Enfold

Enfold Gym demo
Enfold: Pagpapakilala sa dyim
  • Mga kaalaman sa bilis ng pahina gamit ang mobile: 60%
  • Mga kaalaman sa bilis ng pahina gamit ang desktop: 60%
  • Webpagetest.org: AAADB☒
  • Pingdom: 70% (grado C)
  • Bilis ng pagkarga ng Pingdom: 2.79 s
  • Chrome dev na mga kagamitan sa timbang ng pahina: 5.2Mb
  • Pagtutuos kung madaling puntahan: 94% Isa sa may may matataas na puntos na tema ng mga pagpapakilala para sa kadaliang mapuntahan, nagpapakita ng isang kalakip na lakas sa buong kalidad nito.

Muli, walang CDN ang ginamit sa pamumuno ng pagpapakilalang ito, kung saan natalo ito ng ilang puntos sa webpagetest.org. Ang kakulangan sa HTTPS ay maaaring nagkamit din ng itim na marka. Tulad ng dati, ang pagpapakilang ito ay pumatak sa bitag ng pagiging nakakamangha sa paningin hangga’t maaari, isinasakriprisyo ang timbang ng pahina para sa kalidad ng larawan. Sa higit sa 5Mb ay ito ang mabigat sa bungkos, ngunit ang sukat ng larawan ay palaging isang bagay na madaling lunasan.

X

X Church demo
X: Pagpapakilala sa Simbahan
  • Mga kaalaman sa bilis ng pahina gamit ang mobile: 77%
  • Mga kaalaman sa bilis ng pahina gamit ang desktop: 74%
  • Webpagetest.org: DFAAB☒
  • Pingdom: 68% (grado B)
  • Bilis ng pagkarga ng Pingdom: 2.45 s
  • Chrome dev na mga kagamitan sa timbang ng pahina: 2.1Mb
  • Pagtutuos kung madaling puntahan: 94% Isang malusog na puntos ng A11y, bumaba lamang dahil sa kakulangan sa mga katangiang alt sa ilang mga larawan, mababang proporsyon ng kontrast sa ilang mga bahagi (ang tema ng simbahang ito ay sadyang walang tunog) at ang kawalan ng katangian ng pamagat sa isang iframe. Subalit, ipagpalagay na ang iframe ay nagmula sa Youtube embed, kung saan hindi lumabas ang isang katangian ng pamagat bilang pamantayan, pinagbibigyan namin ang ganyang pagkalingat.

Ang pagpapakilalang ito ay isa sa kaunting gumagawa ng makatwirang trabaho na pagpapanatili ng larawan sa pinakamataas hanggang sa pinakamaliit; ang pagsusuringpahina ng web ay pinagkakalooban ito ng matatag na 97/100 para sa pagsasama-sama ng larawan. Sa halip, ang mababang mga puntos nito ay nagmula ang malaking bahagi sa pamumuno; walang CDN, walang HTTPS, mahinang unang oras ng pagtugon, at kakulangan sa “pagpapanatiling masigla”– kilala din bilang namamalaging koneksyon ng HTTP, isang bagay kung saan madali itong mapapagana. Gaya ng dati, madaling mga pagpapabuti na kayo sa inyong mga sarili ay maaaring mapagbisa.

Bridge

Bridge Spa demo
Bridge: Pagpapakilala ng Spa
  • Mga kaalaman sa bilis ng pahina gamit ang mobile: 70%
  • Mga kaalaman sa bilis ng pahina gamit ang desktop: 83%
  • Webpagetest.org: DAAAF☒
  • Pingdom: 68% (grado B)
  • Bilis ng pagkarga ng Pingdom: 2.12 s
  • Chrome dev na mga kagamitan sa timbang ng pahina: 1.6Mb
  • Pagtutuos kung madaling puntahan: 91% (talagang mahusay). Maliliit na puntos na nagdadala ng kabuuang puntos pababa, ngunit ang mga katangian ng ARIA ay sumunod sa pinakamagaling na mga kasanayan, at ang mga elemento ng pahina ay may nakikilalang mga pangalan, inilarawan ang mga nilalaman nito ng mahusay, at wastong nabalangkas.

Isa sa mga magaan na pagpapakilala dito, ngunit ang mga slider ng larawan ay palaging papunta sa pagkasira ng timbang pataas, kahit sa pamamagitan ng pinakamainam na mga larawan katulad ng mga ito. Pagpapaliit ng HTML at iba pang mga asset ay maaaring nakatulong sa puntos ng kaalaman sa bilis ng pahina, at ang pinabuting pamumuno ay muling makagagawa ng pagkamangha–mas magandang oras ng pagtugon ng server, isang CDN, at pag-cache bilang mababang nakabitin na bunga.

Flatsome

Flatsome Go Explore demo
Flatsome: Pumunta at Magsiyasat na Pagpapakilala
  • Mga kaalaman sa bilis ng pahina gamit ang mobile: 53%
  • Mga kaalaman sa bilis ng pahina gamit ang desktop: 57%
  • Webpagetest.org: AAAAA☑
  • Pingdom: 68% (grado A)
  • Bilis ng pagkarga ng Pingdom: 1.02 s
  • Chrome dev na mga kagamitan sa timbang ng pahina: 3.7Mb
  • Pagtutuos kung madaling puntahan: 83% Puntos ang natalo sa harap ng A11y sa pamamagitan ng pagkabigo sa pagpapangalan sa mga boton ng tama (ang WooCommerce na boton ng listahan ng hiling na bulto ay hindi mabasa nang wasto ng mga mambabasa sa screen) at ang ibang mga koneksyon ay pare-parehong hindi malinaw. Ang mababang kontrast sa ibang mga elemento at mga ID ng mga elementong dinoble ay madali ding iayos.

Hindi makikita sa pamamagitan ng mainam na mata ayon sa kaalaman sa Bilis ng Pahina, bagaman ang iba pang mga sukatan ng puntos ay walang pasubaling ibig ang ibangpatag ! Ang mabuting pamumuno ay nagsisilbing mabisa sa pahina (mga manlilikha ng tema bigyan ng pansin), ang mga asset ay pinaliit, at ang mga larawanng tamad magkarga ay natutulungan kung hindi man maging isang gitnang timbang ng pagkarga ng pahina unti-unti.

Jupiter

Jupiter Bellona template
Jupiter: Bellona template
  • Mga kaalaman sa bilis ng pahina gamit ang mobile: 38%
  • Mga kaalaman sa bilis ng pahina gamit ang desktop: 44%
  • Webpagetest.org: AAAFA☑
  • Pingdom: 68% (grado A)
  • Bilis ng pagkarga ng Pingdom: 1.07 s
  • Chrome dev na mga kagamitan sa timbang ng pahina: 3.3Mb
  • Pagtutuos kung madaling puntahan: 91% (talagang mahusay). Dahil sa epektibong kalikasan ng mga grapiko(kung alin ay gusto ko, siya nga pala), ang teksto sa ilang mga larawan ay ginagawang mahina ang proporsyon ng kontrast. Ang balangkas ng pahina at ang naglalarawang gamit ng mga elemento, kasama ng wastong paggamit ng ARIA lahat ay bumubuo para sa mga pagkukulang sa contrast.

Ako ay parang sirang plaka dito, ngunit ang limang minutong pagpapainam ng larawan ay napakalaki ng maibabawas sa paggugol sa pagpapakilalang ito. bahay-bg-08.jpg pa lamang ay masusukat malapit sa halos isang buong megabyte ; pinapatakbo ito sa pamamagitan ng TinyPNG nagbabawas ito ng 87% kaagad. Bakit hindi ninyo magagawa? Bilang iminumungkahi ng Pingdom at pagsusuringpahinang web, karamihan sa iba pang aspeto ng pagganap ay talagang mahusay.

Newspaper

Newspaper Tech news
Newspaper: Mga balitang tech
  • Mga kaalaman sa bilis ng pahina gamit ang mobile: 76%
  • Mga kaalaman sa bilis ng pahina gamit ang desktop: 77%
  • Webpagetest.org: AAAAA☑
  • Pingdom: 93% (grado A)
  • Bilis ng pagkarga ng Pingdom: 1.19 s
  • Chrome dev na mga kagamitan sa timbang ng pahina: 1.5Mb
  • Pagtutuos kung madaling puntahan: 86% Ang magandang puntos–ay maaaring mapagbuti sa pamamagitan ng wastong paglalarawan ng mga koneksyon at mga boton kung alin ay talagang ginagamit para sa mga kontrol ng Javascript, mga tarugo at katulad.

Ang matinding mga puntos sa kabuuan ng lupon, magagamit ang mga pamantayang pagpapabuti (pagpapainam ng larawan, pagsasama-sama/pagdudugtong ng mga JS at CSS) ngunit isaisip na ang pagpapakilalang ito ay lumalabas na inayos sa pamamagitan ng malaking paghila sa pagtataguyod ng iba pang mga bersyon ng mga tema (idagdag ang kaguluhan kung saan ang inyong sariling bersyon ay malamang na hindi na kailangan). Kahit na walang masyadong pagsisikap ang pagpapakilalang ito ay maaaring humakbang sa ilalim ng 1Mb klase ng timbang.

Talaan ng mga Resulta

Habang isinasaisip lahat ng mga caveat na aming inilista habang daan, ang talaang ito ay inilalagay ang mga tema sa ilang uri ng pagkakasunod-sunod. Ang ranggo ng Pingdom ay nagsisilbi bilang patas na puntos ng laban base sa mga bagay sa; makikita ninyo ang timbang ng pahinang iyon, bilis ng pagkarga, at kahit kaalaman sa bilis ng pahina ay bumagsak ang puntos sa magkatulad na basehan (sa isang antas).

Mga kaalaman sa bilis ng pahina (pangkaraniwan) Pingdom Bilis ng Pagkakarga Timbang ng Pahina
BeTheme 81.5% 98% 1.27 s
1.8Mb
Flatsome 55% 96% 1.02 s
3.7Mb
Newspaper 76.5% 93% 1.19 s 1.5Mb
Jupiter 41% 92% 1.07 s 3.3Mb
Avada 46.5% 91% 1.94 s 2.8Mb
X 75.5% 87% 2.45 s
2.1Mb
Bridge 76.5% 85% 2.12 s
1.6Mb
Impreza 65.5% 80% 2.34 s 2.5Mb
Enfold 60% 70% 2.79 s 5.2Mb
The7 78% 68% 1.51 s 1.3Mb

Paano Gumawa ng Inyong Tema ng WordPress nang Mabilis

Nakabili na ng tema ng WordPress, paano ninyo ito pag-iinamin?

Hindi ito makakasorpresa sa inyo: ang unang madaling tikas ng tawag kapag nagpapainam kayo ng inyong website ay ang inyong mga larawan. Tanggalin ang hindi kaaya-ayang mga larawan, pagsama-samahin ang mga kailangan ninyo, itago ang mga JPEG bilang “progresibo” (para mayroong kahit kaunting ilang bagay na makikita habang sila ay nagkakarga) at kayo ay mapupunta sa magandang simula. Maaari mo ring ilagay ang plugin ng Tamad na Pagkakarga upang makagawa ng mga hakbang sa pag-usad. Nakita namin na talagang kaunti lamang sa mga pagpapakilalang ito ang nagpaprayoridad sa pagpapainam ng larawan, ngunit kahit paano ibig sabihin nito ay maaari ninyong pagbutihin ang kanilang mga puntos.

Tungkol sa kilalang pabago-bagong mga puntos ng kaalaman sa Bilis ng pahina, mapapansin ninyo na lahat ng mga pagpapakilalang ito (maliban sa isa) ay mas lamang ang puntos para sa desktop kaysa sa kanilang mga bersyon ng mobile. Hindi na ipinapakita nito ang paraan ng paggamit sa web, kaya upang mapanatili ang Google (at mga gumagamit) na masaya bigyan ng marahang konsiderasyon sa pamamagitan ng pagganap gamit ang mobile. Ang unang kasanayan sa mobile ay matutulungan din ang inyong SEO.

Paano kaya ninyo gagawin ito? Ang pagdudugtong at pagpapaliit ng CSS at Javascript ay maaaring mahirap sa pamamagitan WordPress; gamit ang ikatlong partido ng mga plugin ay nangangahulugan na ang mga salansan ay maaaring marami at hindi kayo magkakaroon ng masyadong kontrol sa kanila nang walang tulong. Gayunpaman, gawin ang inyong pinakamahusay upang maisama ang mahalagang “paunang pagtingin” mga estilong nakalinya sa <head> at gawin ang inyong website na maaaring gamitin sa pinakamabilis bilis sa pamamagitan ng pagpigil sa “pagharang sa render” ng mga sulat mula sa nagpapabagal ng proseso ng pagkakarga. Kung ang slider sa itaas ng inyong homepage ay nangangailangan ng buong pahina upang maikarga bago ito lumabas, paparusahan kayo ng Google.

Sa kabila noon, isaalang-alang ang inyong pamumuno. Paganahin ang pagsasama-sama ng GZIP. Ang HTTPS ay hindi rin makakapinsala.Gumamit din ng serbisyong pag-cache; ang paglalagay at pagkokompigura ng W3 Total Cache ay larong pambata. Gumamit ng CDN kung ang inyong nilalaman ay ginawa para sa malawakang manonood. Panghuli, bigyang pansin ang mga pagtuturong ito at mga kurso para sa mas maraming detalye at tulong sa paksa:

Mga Mapagkukunan ng WordPress

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.