Phapang pakeng tsa ho qaptjoa ha Websaete ea ho Amohela le ho fetola maemo

Ho bapisa Mefuta e 'Meli e sa Tšoaneng ea Liqapi tsa Lefatše la Lisebelisoa

Moqapi oa websaete o amohelehang le o ikamahanyang ke mekhoa ea ho bopa marang-rang a marang-rang a sebetsang hantle a sebetsang hantle ka boholo bo boholo ba lichelete. Le hoja moqapi oa websaete o amohelehang o khothalletsoa ke Google mme o tsebahala haholoanyane mekhoa ena e 'meli, mekhoa ena ka bobeli ea moqapi oa websaete e mengata e na le matla le mefokolo ea bona.

A re hlahlobe phapang pakeng tsa moqapi oa websaete o amohelehang le o ikamahanyang, haholo-holo ho lebisa tlhokomelo libakeng tsena tsa bohlokoa:

Litlhaloso tse ling

Pele re kena papaling ea rona ka mahlakoreng ea moqapi oa websaete o amohelehang le o ikamahanyang, a re nke motsotso ho sheba tlhaloso e phahameng ea litsela tsena tse peli.

Liwebsaete tse amohelehang li na le moeli oa mokelikeli o fetohang le o feto-fetola ho sa tsotellehe hore na boholo ba skrine bo sebelisoa joang. Lipotso tsa mecha ea litaba li lumella libaka tse amohelehang hore li fetole "ho fofa" haeba sebapali se senngoa.

Moqapi o tsitsitseng o sebelisa boholo bo tsitsitseng bo thehiloeng ho khethiloeng pele ho nako ho fana ka phetolelo e loketseng ka ho fetisisa bakeng sa boholo ba skrine bo fumanoang ha leqephe la pele le jara.

Ka tlhaloso e pharaletseng sebakeng sena, a re reteleheleng libakeng tsa rona tsa bohlokoa tsa ho tsepamisa maikutlo.

Phomolo ea Ntšetso-pele

Phapang ea bohlokoa ka ho fetisisa pakeng tsa moqapi oa websaete e amohelehang le e feto-fetohileng ke tsela eo li rarolloang tsena li sebelisitsoeng ho websaeteng. Hobane moqapi o amohelang o etsa hore ho be le moeli o feletseng, o ka sebelisoa hamolemo mererong eo u tsosolosang sebaka sa hau ho tloha fatše . Ho leka ho fetisa khoutu ea hau ea hau ea hau ea hau ea marang-rang e atisa ho ba boima hobane ha u na tekanyo ea taolo eo u neng u ka ba le eona haeba u ne u ntse u hlahisa khoutu eo ho tloha qalong ebe u nka moqapi o amohelehang ka lebaka la mehato ea pele ea ts'ebetso eo . Sena se bolela hore ha o fetisa setša hore se arabele, o qobelloa ho etsa mekhoa e sekisetso e le hore u lule ka har'a codebase eo e teng.

Haeba o sebetsana le websaeteng e tsitsitseng e fumanehang, mokhoa o feto-fetohang o bolela hore o ka siea boholo ba hore sebaka seo se entsoe ka tieo le ho eketsa lintlheng tse ling tse sebetsang tse hlokahalang. Maemong a mang, haeba tekanyetso ea morero e nyenyane, 'me haeba e tla amohela mosebetsi o fokolang feela oa tsoelo-pele, u ka khetha ho eketsa litsamaiso tse ncha tse fapanyetsanang bakeng sa boholo bo boholo ba lisebelisoa / lisebelisoa tsa motlakase. Sena se bolela hore o tla lumella bohle hore ba sebelise mokhoa o tšoanang - mohlomong phetolelo ea khefu ea 960 eo e ka 'nang eaba setša seo se ne se etselitsoe pele.

Ho latela mokhoa o feto-fetohang ke hore u ka sebelisa khoutu ea sebaka sa hau ka tsela e molemo, empa e 'ngoe ea litlhaku ke hore u bōpa matšoao a fapaneng a litšoantšo bakeng sa khetho ka' ngoe eo u khethang ho e tšehetsa. Sena se tla ba le phello mosebetsing o hlokahalang ho hlahisa le ho boloka tharollo ena nako e telele.

Tlhophiso ea Boqapi

E 'ngoe ea matla a liwebsaete tse amohelang litaba ke hore mokelikeli oa bona o ba lumella hore ba fetole le ho tšehetsa boholo ba lichelete ho fapana le feela li-breakpoints tsa pele tse behiloeng ka mokhoa o feto-fetohang. Leha ho le joalo, 'nete ke hore libaka tse amohelang batho li ka shebahala li le boholo boemong bo itseng ba boholo ba lisebelisoa (boholo ba boholo bo lumellanang le lisebelisoa tse ratoang tse fumanehang' marakeng), empa hangata ponahalo e bonahalang e theoha pakeng tsa liqeto tseo tse ratoang.

Ka mohlala, sebaka se ka 'na sa bonahala se le seholo sepakapakeng se seholo sa li-pixels tse 1400, boholo ba khalase ea li-pixels tse 960,' me skrine e nyenyane e sheba li-pixelise tse 480, empa ho thoe'ng ka lipakeng tsa bo-boholo ba tsona? Joaloka moqapi, ha u na taolo e fokolang holim'a boholo ba lipakeng tsena le ho shebahala ha leqephe ka boholo ba tsona hangata ho fokotseha.

Ka websaeteng e sebetsang, o na le taolo e mengata ea ho laola mekhoa e sa tšoaneng e sebelisoang hobane e na le boholo bo tsitsitseng bo thehiloeng ho khethollo ea hau ea motheo. Mantsoe ao a makatsang a bohareng ha e sa le bothata hobane ha o sa ntse o e-na le "ponahalo" (e bolelang sekhetho sa khefu) e tla fetisetsoa ho baeti.

E khahleha joaloka mokhoa ona oa ho laola moqapi o ka utloahala, o tlameha ho hlokomela hore o tla ka theko. E, u na le taolo e feletseng holim'a ponahalo ea khetho e 'ngoe le e' ngoe, empa seo se bolela hore o tlameha ho tsetela nako ea ho qapa e hlokahalang ho etsoa bakeng sa mefuta eo e ikhethang. Ha u khetha ho qeta nako e ngata, u lokela ho qeta nako e ngata u sebelisa nako eo.

Bohobe ba Tšehetso

Boqapi ba websaete bo amohelehang le bo ikamahanyang ba thabela tšehetso e matla haholo, haholo-holo mehleng ea kajeno ea li-browser.

Liwebsaete tse amohelehang li hloka hore likarolo tse ling tsa sesepa kapa Javascript bakeng sa ho bona ha boholo ba skrine. Ho totobetse hore haeba sebaka sa adaptative se hloka Javascript, se bolela hore sebapali se hloka hore se be le matla ho etsa hore sebaka seo se sebetse hantle. Seo se ka 'na sa se tšoenyehe haholo ho tloha ha batho ba bangata ba tla ba le Javascript libukeng tsa bona, empa nako leha e le efe setša se na le ts'ehetso e tebileng ho eng kapa eng, e lokela ho tsejoa.

Liwebsaete tse amohelehang le lipotso tse ba matlafatsang li tla sebetsa hantle libukeng tsohle tsa kajeno. Liphephetso feela tseo u tla ba le tsona ke tsa Internet Explorer tsa khale ka ho fetisisa kaha liphetolelo tse 8 le ka tlase ha li tšehetse lipotso tsa mecha ea litaba . Ho sebetsa ho pota-potile sena , poleloana ea Javascript e atisa ho sebelisoa , e bolelang ho na le ts'ehetso ho Javascript mona hammoho, bonyane bakeng sa liphetolelo tsa khale tsa IE. Hape, sena se ke ke sa ameha haholo ka uena, haholo-holo haeba lintlha tsa hau tsa marang-rang li bontša hore ha u amohele baeti ba bangata ba sebelisa liphetolelo tseo tsa khale.

Bokamoso bo tlang

Tlhaho ea metsi ea liwebsaete tse amohelehang e ba fa monyetla ho feta libaka tse ikamahanyang le maemo ha ho tluoa tabeng ea botsoalle bo tlang. Lebaka ke hobane libaka tse amohelang litaba ha lia hahoa bakeng sa ho amohela feela setheo sa likhetho tsa khale. Li ikamahanya le maemo ho lumellana le lisebelisoa tsohle , ho kenyeletsa le tseo e ka 'nang ea se ke ea e-ba' marakeng kajeno. Sena se bolela hore libaka tse amohelehang ha ho hlokahale hore li "tiise" haeba qeto e ncha ea skrine e hlaha ka tšohanyetso.

Ho sheba mefuta e fapa-fapaneng e tsotehang ea mobu (ho tloha ka August 2015, ho ne ho e-na le lisebelisoa tse fapaneng tsa Android tse fetang 24,000 tse marakeng), ho ba le sebaka se sebetsang hantle ho amohela lipapali tsena tse ngata ho bohlokoa haholo bakeng sa botsoalle bo tlang. Lebaka ke hobane ho ke ke ha etsahala hore sebaka sa tlhaho se fokotsehe nakong e tlang, e leng se bolelang hore ho iketsetsa li-skrini kapa boholo bo itseng bo ke keng ba khoneha, haeba re se re sa fihlella 'nete eo.

Ka lehlakoreng le leng la boemo bona bo bapisoang, haeba setša se fetoha 'me se sa amohele liqeto tse ncha tse ka bang tsa bohlokoa' marakeng, joale o ka qobelloa ho eketsa ntlha eo ea marang-rang ho libaka tseo u li bōpileng. Sena se eketsa nako ea ho qaptjoa le nts'etsopele mererong 'me e bolela hore libaka tseo ho ikamahanya le maemo li tlameha ho lula li lebelloa ho tiisa hore ha ho na li-breakpoints tse ncha tse kenyelletsoeng' marakeng tse lokelang ho kenngoa setšeng. Hape, ka mochine o fapaneng le hore na ke eng, ho tlameha ho hlahloba hore na boholo bo bocha ke bofe le hore na ho ka etsahala joang hore u li fumane ka likhahla tse ncha tse qalang ke phephetso e tsoelang pele e tla ba le phello mosebetsing oo u tlamehang ho o tšehetsa sebaka le litšenyehelo tsa tlhokomelo eo khamphani kapa mokhatlo oo setša sena se leng ho oona.

Tshebetso

Moqapi oa liwebsaete tse amohelehang o 'nileng oa qosoa (ka tsela e sa lokang maemong a mangata) ea ho ba tharollo e futsanehileng ho tloha ka lebelo la ho jarolla / lebelo la ts'ebetso. Sena se bakoa haholo ke hore linakong tsa pele tsa mokhoa ona, baqapi ba li-websaete ba bangata ba kentse lipotso tse nyenyane tsa mecha ea lipapali ho CSS ea sebaka se teng. Sena se ile sa qobella litšoantšo le thepa e reretsoeng hore li-skrini tse khōloanyane li fanoe ho lisebelisoa tsohle, esita le haeba li-skrini tse nyenyane li sa li sebelise mefuteng ea tsona ea ho qetela. Boqhetseke bo entsoe ka tsela e telele ho tloha mehleng eo mme 'nete ke hore libaka tsa boithabiso ba boleng kajeno ha li hlaheloe ke mathata a tshebetso.

Ho potlakisa ho potlakisa le ho hokahanya mawebsaete a marang-rang hase bothata ba websaeteng e amohelehang - ke bothata bo ka fumanoang liwebsaete tsohle. Litšoantšo tse boima haholo, li fepa melaetsa ea sechaba, li-scripts tse feteletseng le tse ling hape li lekanya setša fatše, empa liwebsaete tse peli tse amohelang le tse lumellanang le tsona li ka hahoa e le hore li behoe ka potlako. Ha e le hantle , li ka boela tsa hahoa ka tsela e sa etsang hore tshebetso e be ntho e tlang pele, empa sena hase sekhahla sa tharollo ka boeona, empa ho e-na le hoo, ho nahanngoa ha sehlopha se neng se ameha ho ntshetsa pele setša ka boeona.

Ka Ntle ho Ts'ebetso

E 'ngoe ea likarolo tse susumetsang ka ho fetisisa tsa moqapi oa websaete ke hore ha u na taolo feela ea moqapi oa sebaka sa ho beha breakpoints, empa hape le lisebelisoa tse fanoang bakeng sa liphetolelo tsa maqephe ao. Ka mohlala, sena se bolela hore litšoantšo tsa retina li ka romeloa feela ho lisebelisoa tsa retina, ha li-skrini tse se nang retina li fumana litšoantšo tse nepahetseng tse fokolang ka boholo ba faele. Lisebelisoa tse ling tsa maqephe (Javascript lifaele, mekhoa ea CSS, joalo-joalo) li ka fumanoa ka bohlale ha li hlokahala ebile li tla sebelisoa.

Ts'ebeliso ena ea moqapi oa marang-rang e feto-fetohang o fetela ka nģ'ane ho sebopeho se bonolo sa "haeba u fetola marang-rang a marang-rang, ho fetola maemo ho ka 'na ha e-ba mokhoa o bonolo oa ho o sebelisa." Liwebsaete tsohle, ho kenyelletsanoa ka ho feletseng, li ka rua molemo ka mokhoa o bohlale oa phihlelo ea phihlelo.

Taba ena e bonts'a mokhoa o sa tšoaneng oa phehisano ena "e amohelehang le e amohelehang". Le hoja e le 'nete hore mokhoa o feto-fetohang o ka ba o loketseng ho feta ho arabela litlhapiso tsa marang-rang, e ka boela ea e-ba tharollo e kholo ea ho tsosolosa ho feletseng. Ka mokhoa o ts'oanang, maemong a mang mokhoa o amohelehang o ka kenngoa molaong oa khokahano oa sebaka sa hau, mme ho fa setša seo melemo eohle ea mokhoa o amohelehang ka ho feletseng.

Ke mokhoa ofe o Molemo?

Ha ho tluoa tabeng ea ho itšetleha ka moqapi oa websaete o amohelehang, ha ho na "motlatsi" ea hlakileng, le hoja ho arabela ka mokhoa o tloaelehileng haholo. Ha e le hantle, mokhoa o "molemo" o itšetlehile ka litlhoko tsa morero o itseng. Ho feta moo, ha ho hlokahale hore e be "boemo ba" kapa "kapa" boemo. Ho na le baetapele ba bangata ba marang-rang ba hahang libaka tse kopanelang moqapi oa liwebsaete tse molemo ka ho fetisisa (mocheso oa motlakase, tšehetso ea ka moso) ka matla a moqapi o tsitsitseng (taolo e ntlafetseng ea libopeho, ho kenya lisebelisoa tsa lisebelisoa tsa sebaka).

Ka tloaelo ho tsejoa e le RESS (Mohloli oa Boitsebiso bo Mabapi le Websaete le Likarolo Tsa Sehlopha sa Seralo), mokhoa ona o bontša hore ha ho na "tekanyo e le 'ngoe e lumellanang le tharollo eohle." Bobeli bo amohelehang ba liwebsaete le boiphihlelo bo na le matla le mathata a bona, ka hona ho hlokahala hore u tsebe hore na ke efe e tla sebetsa hantle bakeng sa morero oa hau o khethehileng, kapa haeba tharollo ea lebasetere e ka u tšoara hantle.