Kā izveidot saskarni, kas veidota ātrumam
Vai jūsu vietne darbojas lēni? Būt patiesam. Vai tas varētu būt ātrāk? Lietotāji pieprasa vietnes, kas tiek ātri ielādētas, un turpina piegādāt saturu bez kavēšanās. Ja jūsu vietne vismazāk atpaliek, izpildot šo pieprasījumu, lietotāji varētu pamest jūsu vietni (un viņi, iespējams, nekad neatgriezīsies).
Šodien mēs meklēsim veidus, kā pārliecināties, vai jūsu vietnes saskarne ir veidota atbilstoši ātrumam, tāpēc jums nekad vairs nav jāuztraucas par lapas ielādes laiku.
Izpētiet Envato elementus
Pārbaudiet savu vietni
Pirms apstāšanās pie “manas vietnes darbība nekādā gadījumā nav lēna”, pārbaudiet to. Google ir lielisks rīks, kuru ikviens var izmantot, lai pārbaudītu jebkuru vietni, ievadot URL.
Jūs saņemat modes ziņojumu, kurā norādīts, cik ātri jūsu vietne pārvietojas un kur to varētu uzlabot. Ieteicams periodiski veikt testu, lai pārliecinātos, ka viss darbojas nevainojami. (Turklāt tas samazina veiktspēju mobilajās un galddatoros un piedāvā uzlabojumu ieteikumus.)
Ziņojumā ir sniegti trīs ieteikumi - vajadzētu noteikt, apsvērt iespēju labot un pieņemt - šādiem jautājumiem:
- Pārlūka kešatmiņa
- Attēla optimizācija
- Servera atbilde
- Skripti un CSS virs pārsega
- Saspiešana
- Novirzīšana
- CSS, HTML un JavaScript minifikācija
- Redzamā satura prioritāte
Izmet nevajadzīgus spraudņus
Vai jūs turaties pie spraudņiem vai pievienojat papildinājumus, kurus vienkārši neizmantojat? Ir pienācis laiks tos izmest.
Pat elementi, kas netiek izmantoti, no jūsu vietnes aiziet ātrāk. (Tas jo īpaši attiecas uz tādu sistēmu kā WordPress strādāšanu.)
Pārejiet uz tīrīšanas režīmu un noņemiet visus nelietotos spraudņus. Jums vajadzētu apsvērt arī domāšanu par izmantotajiem spraudņiem un pārliecināties, ka jūs tos faktiski izmantojat vai ja tie neatrod labāku iespēju, tie veicina vispārējo lietotāju pieredzi.
Papildus spraudņu skaitam ir jāuztraucas arī par kvalitāti. Nepievienojiet savai vietnei tikai vecu spraudni. Centieties atrast elementus, kas nodrošina faktisko vērtību un tiek augstu novērtēti. Veci, novecojuši elementi var arī vilkt jūsu vietni uz leju.
Kopīgojiet tikai pēc nepieciešamības
Kamēr mēs domājam par spraudņiem, cik daudz sociālo mediju koplietošanas pogu ir jūsu vietnē? Tagad atbildiet godīgi: cik jums patiesībā ir vajadzīgs?
Pārāk daudz no šīm pogām var mulsināt lietotājus - cik daudzi tik un tā dalīsies vairākās platformās - un apgrūtināt ātrumu un ielādes laiku. (Tas jo īpaši attiecas uz tiem, kas mēģina noskaidrot, cik daudz patīk vai dalās ar ziņu, kurai jau ir vaicājumi abos virzienos.)
Izvēlieties vienu vai divus tīklus, kur esat aktīvs un kur lietotāji regulāri izveido savienojumu ar jūsu vietni, un iekļaujiet šīs pogas. Grāvi pārējo. Viņi tikai traucē.
Esiet piesardzīgs pret attēla pārslodzi
Video, ilustrācijas, foto un animācijas ... ak, mans! Visi šie lieliskie vizuālie elementi var palielināt slodzes laiku. Izvēlies prātīgi.
Pirms pievienojat jebkādu vizuālu vietnes dizainam, nosveriet tā vērtību, salīdzinot ar citiem elementiem. Vai tas kaut ko nodrošina lietotājiem? Ja tā, turpiniet. Ja nē, kāpēc jūs izmantojat šo dizaina elementu?
Jums vajadzētu optimizēt visus attēlus atbilstoši tīmeklim. Parasti attēliem jābūt tikai tik lieliem, cik nepieciešams. Neapmeklējiet bortu un augšupielādējiet pilna izmēra fotoattēlus. Tas prasa nelielu darbu priekšpusē, bet jūs priecāsities, ka to izdarījāt vēlāk (īpaši, ja jūsu vietne turpina augt).
Izmantojiet arī citus trikus. Izmēģiniet ikonu fontus, nevis uz attēliem balstītas ikonas. Ja ikonas fonts nedarbojas, konvertējiet elementus SVG (mērogāta vektora formātā). Izmantojiet pēc iespējas vairāk HTML un CSS “burvju” un neaizraujiet vietni ar elementiem, kas tiek ielādēti kā fotoattēli, piemēram, pogas, bultiņas un citi lietotāja interfeisa rīki.
Noņemiet kravu ar sarūkošajiem instrumentiem
Mazi faili ir ātruma atslēga. Līdzsvars ir idejā, ka augstas izšķirtspējas displeji ļauj koplietot un parādīt saturu visaugstākajā kvalitātē. Tieši tur nonāk sarūkošie instrumenti.
Ja nejūtas pārliecināts par savām iespējām izmērīt un sarukt - vai arī jūs vienkārši nesaņemat vēlamo rezultātu - izmēģiniet kādu no šīm opcijām, lai faili tiktu samazināti līdz mazākajiem izmantojamajiem izmēriem.
- WP Smush sarauj attēlus WordPress lietotājiem
- Kraken saspiež attēlus visiem lietotājiem
- TinyPNG vēl vairāk samazina kopējā formāta izmērus
- Gzip pakotņu faili optimālai saspiešanai
- Samaziniet CSS samazina kopējo koda lielumu un iekļauj API
- SpriteMe pārvērš fona attēlus CSS sprite, lai saglabātu HTTP pieprasījumus
- CSS kompresors samazina kopējo koda lielumu
Tikai kešatmiņa
Iespējojiet kešatmiņu savā vietnē.
Ja jūs to nedarāt, jūsu lietotāji maksā cenu. Joprojām ir daži cilvēki, kas varētu apgalvot citādi, bet vērtība lietotājiem atsver šos argumentus. Jūsu vietnei jābūt ātrai.
Kešatmiņa izveido pagaidu failu no lapām, lai pārlūkprogramma “atcerētos” vietni, kad lietotājs atgriežas. Tas samazina joslas platuma izmantošanu, servera noslodzi un nokavējuma laiku (faktisko vai uztverto). Lietotāji jums pateiks paldies, jo īpaši, ja runa ir par piekļuvi masīvākām vietnēm.
Regulāri notīriet to
Tāpat kā jums regulāri jātīra mājas, jums ir jāattīra un jāuztur arī vietnes datu bāze, saites un faili.
Šie ir jūsu vietnes tīrīšanas kontrolsaraksta punkti:
- Optimizējiet savu datu bāzi. Laika gaitā jūsu datu bāze var tikt aizsērēta ar pārskatījumiem, neizmantotiem fotoattēliem un saglabātiem datiem. Jums tas viss nav jāglabā. Notīriet elementus, kas vairs nav jūsu vietnes plāna daļa.
- Nelietojiet karsto saišu attēlus. Attēlu vilkšana no citas vietnes (un servera) uz jūsu vietni ir tikai slikta ideja. Un tas notiek lēni. Tas pats attiecas uz gandrīz jebkuru citu ārēju failu pieprasījumu. Izmantojiet tos tikai nepieciešamības gadījumā.
- Labot saites. Bojātas saites, iespējams, nepalēnina jūsu vietnes darbību, bet tas palēnina savienojumu, ko lietotāji veido no jūsu vietnes uz citām vietām, un tas var būt tikpat slikti. Iegūstiet ieradumu pārbaudīt un izlabot salauztas saites.
- Visu atjauniniet. Ja izmantojat platformu, piemēram, WordPress, veiciet atjauninājumus. Ja jūs izmantojat jebkura veida motīvu vai kastītiskus elementus, tas pats notiek. Atjauninājumos var būt ielāpi, kas veicina ātrumu, kā arī aizsargā jūsu vietni no iespējamiem draudiem. (Un nekas nav lēnāks par vietni, kas uzlauzta vai inficēta ar ļaunprātīgu programmatūru.)
Secinājums
Tagad strādājiet ar iepriekš minēto sarakstu un dodieties atpakaļ uz Google rīku Pagespeed Insights. Palaidiet to vēlreiz. Vai pamanāt atšķirību?
Nekas nedarīs lietotāju laimīgāku un, visticamāk, atgriezīsies jūsu vietnē, nekā lieliska un ātra pieredze. Visos vizuālā dizaina posmos atcerieties padomāt arī par interfeisa dizainu, lai jūsu vietne tiktu veidota ātrumam.
