Amp project Accelerated Mobile Pages

Slides:



Advertisements
Hasonló előadás
KÖLTSÉGELSZÁMOLÓ RENDSZER. A TruExpense rendszer Csökkentse kiadásait a magyarországi piacon egyedülálló TruExpense költségelszámoló rendszer segítségével!
Advertisements

Vita az infokommunikációs hálózatok semlegességéről Gálik Mihály Pápai Zoltán Urbán Ágnes.
A hálózat működése 1. A DHCP és az APIPA
JQuery 8. előadás.
Programozási tételek, és „négyzetes” rendezések
Önkormányzati információs rendszer
Kommunikáció fejlesztési koncepció Készítette: Juraszkó Péter, Oláh István, Szücs Mónika, Varga Tamás.
Keresőoptimalizálás Fizetett hirdetések a keresőkön Fizetett hirdetések tartalmi oldalakon Fizetett helyezések vagy regisztrációk Internetes hirdetések.
Videó kártyák újdonságai Készítette: Villás Tibor.
Web2 és a blogok. Mi az a web2? 1.Filozófia (tartalom) szabadság nyitottság közösség 2.Eszköz(készlet) egyszerűség integráció kompatibilitás mobilitás.
Internet ismeretek II..
SZENT ISTVÁN EGYETEM GAZDASÁG- ÉS TÁRSADALOMTUDOMÁNYI KAR AUTO- SZŰRŐ FEJLESZTÉSE TÁBLÁZAT ALAPÚ JELENTÉSEK UTÓLAGOS, BÖNGÉSZŐN BELÜLI TOVÁBB- FELDOLGOZÁSÁRA.
SZENT ISTVÁN EGYETEM GAZDASÁG- ÉS TÁRSADALOMTUDOMÁNYI KAR KUTATÓK ÉJSZAKÁJA SZEPTEMBER 24. AUTO-SZŰRŐ FEJLESZTÉSE OLAP JELENTÉSEK UTÓLAGOS, OFFLINE.
A vevői igényekre formált informatikai innováció
SZENT ISTVÁN EGYETEM GAZDASÁG- ÉS TÁRSADALOMTUDOMÁNYI KAR TUDOMÁNYOS DIÁKKÖRI KONFERENCIA NOVEMBER 25. AUTO-SZŰRŐ FEJLESZTÉSE OLAP JELENTÉSEK UTÓLAGOS,
Onlinemarketing.hu Kft. A Magyar Online Hirdetési Adatbázis rövid bemutatása. Készítette az Onlinemarketing.hu Kft.
Webes java technológiák 2011
Reklámok az interneten: célozni tudni kell! Erőss Csaba.
CCleaner Skyman ™.
Előadó: Kárpáti Péter Üzleti folyamatvezérlés nagyvállalati környezetben (BizTalk Server 2004, Office InfoPath 2003 és Windows.
Instant alkalmazások SharePoint platformon. A fejlesztés és a testre szabás határai elmosódtak. A testre szabást végző legtöbbször nem programozó A.
Böngésző programok (Böngészés).
Plazma. Miért hoztam létre? Mert szeretek a számítástechnikával foglalkozni, ezért hoztam létre ezt a weboldalt.
SZENT ISTVÁN EGYETEM GAZDASÁG- ÉS TÁRSADALOMTUDOMÁNYI KAR TUDOMÁNYOS DIÁKKÖRI KONFERENCIA NOVEMBER 25. AUTO-SZŰRŐ FEJLESZTÉSE OLAP JELENTÉSEK UTÓLAGOS,
Google earth és a térinformatika kapcsolata
WEB MES (webes gyártásirányító rendszer)
a Moodle autentikációjához a PTE FEEK-en
Közlekedésmodellezés Készítette: Láng Péter Konzulens: Mészáros Tamás.
XHTML 1. óra. Miért térjünk át HTML-ről XHTML- re? HTML-szabványban tartalom és forma összemosódott HTML 4.0 szabványban stíluslapok használatát javasolták.
Az internetes keresőkben a felhasználó az őt érdeklő szavakra, adatokra kereshet rá egy általában egyszerű oldalon, egy beviteli mező és egyéb szűrési.
Az elektronikus levelezés a számítógép-hálózatok klasszikus szolgáltatása, az Internet alkalmazásának egyik legnépszerűbb formája. Szövegen kívül lehetőség.
[fre ] Az új [fre ] Több mint levelezés, a saját kommunikáció internetes közműve:  kommunikáció a képernyőn: levelezés, üzenetküldés.
Előadóról Név: Zumpf Tamás
Script nyelvek alkalmazása a webkartográfiában 1/14 Script nyelvek alkalmazása a webkartográfiában Gede Mátyás MFTTT, március 22.
Visual Basic 2008 Express Edition
Nagy teherbírású rendszerüzemeltetés a felhőben. Miről lesz szó? Cloud áttekintő Terheléstípusok és kezelésük CDN Loadbalancing Nézzük a gyakorlatban.
Microsoft Üzleti Megoldások Konferencia IT HelpDesk – CRM házon belül Microsoft Operations Manager 2005 és Microsoft CRM Ügyfélszolgálat Fülöp Miklós.
ATF Gyakorlati tapasztalatok Mádi-Szabó Eszter Salva Vita Alapítvány Június 12.
Az NVU webszerkesztő program
CALDERONI FORRÁSKEZELŐ RENDSZER ACalderoni Program során fejlesztésre kerülő rendszer vázlatos bemutatása.
WEBSTAR CSOPORT WC S ADATBÁZIS VERZIÓKÖVETÉSE: LIQUIBASE Marics Tamás június 20.
Hasznos mobilos alkalmazások Mobilos alkalmazások általában Példa ELTE tanrend Készítette: Kozma Réka.
Az internetes keresési módszerek
HTML ÉS PHP (Nagyon) rövid áttekintés. ADATBÁZISRENDSZEREK MŰKÖDÉSI SÉMÁJA Felh. interakció DB Connector MySQL ? A gyakorlaton:
Információs rendszer fejlesztése 4. előadás
CALDERONI FORRÁSKEZELŐ RENDSZER A Calderoni Program során fejlesztésre kerülő rendszer vázlatos bemutatása.
Webfejlesztés, Internet Explorer 10 Komjáthy Szabolcs
CALDERONI FORRÁSKEZELŐ RENDSZER A Calderoni Program során fejlesztésre kerülő rendszer vázlatos bemutatása.
Készítette: Derecskei Nikolett
Iskolai számítógépes hálózat bővítése Készítette Tóth László Ferenc.
Vizuális programozás Előadó: Csapó Gábor.
Adatkeresés az interneten
NoSalty.hu a közösségi márka Marketing cél: Facebook aktivitással a NoSalty.hu márka felépítése és honlap látogatottságának növelése. Kommunikációs cél:
1 Kockázati tőke a megújuló energia finanszírozásában Zsembery Levente HVCA Oktatási Bizottság.
CCS HUNGARY Pénzügyi rendszer. Bemutatkozás A CCS Hungary Pénzügyi rendszer a CCS Hungary BACH Best Airport/Airline Cargo Handling és a CCS Hungary Integrált.
17 ISMERTESSE AZ INTERNETES KERESÉSI MÓDSZEREKET! KONKRÉT GYAKORLATI PÉLDA KERESÉSRE.(KERESÉS, TALÁLATI LISTA ÉRTELMEZÉSE, TALÁLT OLDAL MENTÉSE.) Készítette:
Mi a keresőmarketing? A feladat: az internetes keresők által a számunkra legrelevánsabb látogatókat az oldalunkra juttatni a leg- költséghatékonyabban.
IP címzés Gubó Gergely Konzulens: Piedl Péter Neumann János Számítástechnikai Szakközépiskola Cím: 1144 Budapest Kerepesi út 124.
Információ és kommunikáció
Információ és kommunikáció
Az ORACLE JDE EnterpriseOne ERP rendszer bevezetésének tapasztalatai
Az elektronikus levelezés a számítógép-hálózatok klasszikus szolgáltatása, az Internet alkalmazásának egyik legnépszerűbb formája. Szövegen kívül lehetőség.
„Adatbázis építés, adatállományok felhasználása, frissítése, targetálás; egy sikeres DM esettanulmány bemutatása” Vörös Gergely online média értékesítési.
Ügyfélelégedettség-építés a HIFI-ben
ADESPRESSO – A KEDVENCED LESZ
Dokumentumkezelő rendszer bevezetésének tapasztalatai
Terméksimertető Készítette: Sárfi Benjámin Verzió: 1.0beta4
Kulcsrakész Közgyűjteményi Portál
DRUPAL Előadja: Nagy Nikoletta :05.
Internet és kommunikáció
Előadás másolata:

Amp project Accelerated Mobile Pages Szabó Benjámin Frontend fejlesztő Szallas.hu

A projektről

A projektről Az információhoz való hozzáférés lehetősége természetessé vált Igény van az információ lehető leggyorsabb elérésére Nem szeretjük azt, ha képek, reklámok miatt kell várakoznunk az oldalbetöltésre Az amp lehetővé teszi az azonnali információkal ellátott landing page-ek elérését Célja a gyors információ átadás Ha felkeltettük a látogató figyelmét átirányítjuk az eredeti oldalunkra

Az AMP-al nem egy teljes mobiloldalt készítünk! A meglévő oldaltérképünk érintetlen marad Az AMP kizárólag egy kiegészítő szerepet tölt be Az AMP-al nem egy teljes mobiloldalt készítünk!

AMP HTML / AMP JS / AMP CDN Szükséges az amp szabályrendszerének betartása Saját Javascript kódot nem használhatsz Az előre definiált modulok segítik a fejlesztést Az AMP HTML és JS asszinkron oldalbetöltést tesz lehetővé Az AMP Cache tehermentesíti a tartalmat kiszolgáló szervert

Miért kezdtünk bele? Célunk, hogy a látogató a lehető legkönnyebben jusson a számára legjobb ajánlathoz Egyre nagyobb a látogatottsági arány mobileszközökről Vezérfonalunk, hogy weboldalunk a lehető leggyorsabb és lehető legkényelmesebben kezelhető legyen Az AMP projekt segítségével megkönnyíthetjük a „landing page”-ekre érkező látogatók tájékozódását

Hogyan kezdtünk bele? Megvizsgáltunk hozzánk hasonló profilú oldalak megvalósításait ….és az AMP-hoz hasonlító megoldásokat Megvizsgáltuk nálunk melyek azok a lapok ahol a megvalósítás a legcélszerűbb Így kiválasztottunk néhány népszerű várost és ezek listaoldalainak kezdtük el elkészíteni az AMP-os változatát

Fejlesztés A backend nem igényelt plusz fejlesztést, a frontend annál inkább, sok esetben kompromisszumos megoldást kellett keresnünk Élesítés után megfigyeltük a látogatók reakcióit Kezdetben a konverzió alatta volt a hagyományos oldalnak Beláttuk, hogy fontos eredeti, megszokott dizájnhoz való pontosabb igazodás Bekerült az amp oldalra városértékelés és tematikus ajánlatok

Fejlesztés Akadályokba ütköztünk A korlátosság gyorsulást, de számos kompromisszumos megoldást is hozott magával Cookie-k hiányában nem tudunk profilt a hagyományos módszerrel kezelni Problémás a szűrő használata a javascript hiánya miatt Térképnél, szűrésnél, rendezésnél a canonical oldalra kell a látogatót irányítanunk

Tapasztalt előnyök Fejlesztés szempontjából Lesz egy elszeparált, minimalista mobiloldalunk Könnyen karbantartható Számos plugin áll rendelkezésünkre, melyek listája folyamatosan bővül, ezekhez korrekt dokumentációt kapunk A projekt folyamatos fejlesztés alatt áll

Tapasztalt előnyök Üzemeltetés szempontjából Nem kíván az AMP projekt külön backend oldali speciális megvalósításokat, beállításokat Az ingyenes CDN-nek köszönhetően kevesebb request, kisebb szerverterhelés Teljesen automatikus, nem kíván plusz beállítást, karbantartást

Tapasztalt hátrányok Fejlesztés szempontjából Mivel teljesen különálló oldal így fejlesztéskor kétszer kell elkészítenünk ugyanazt A korlátozások miatt hosszabb fejlesztési idő Oda kell figyelnünk a dinamikus tartalmak AMP oldalának integritására, validáltságára Üzemeltetés szempontjából Nincs ráhatásunk a CDN hálózatra, így gyorsan frissülő tartalomhoz nem ideális

Tapasztalatok Ellentmondások a felhasználói reakciókban A látogatók nem lelkesednek annyira a gyors oldalbetöltésért, mit mi :) Fontos, hogy a látogató a megszokott és várt tartalommal találja szembe magát és ne értse félre az AMP oldal működését Még idő kell ahhoz, hogy a látogatók felfigyeljenek arra, hogy az amp jelölésű oldalak gyorsabbak a hagyományosaknál

Tapasztalatok Mekkora hangsúlyt érdemes fektetni rá A blog.szallas.hu és annak román verzióján előrelépés történt Az AMP bevezetése óta jelentősen nőtt a látogatások száma Az oldalon eltöltött idő javult A szallas.hu listaoldalainkon a tendencia hasonló, de jóval mérsékeltebb arányban Jelenleg a listaoldalaink már elérték azt a szintet, mintha csak a hagyományos oldalt böngésznék, de az egyértelmű siker még várat magára

Konklúzió Fejlesztés, fenntartás, megtérülés „Felgyorsítjuk internetet” – kötelező elem Több időt kell eltöltenünk a fejlesztéssel Megtérülés kérdéses, egyelőre az látszik, hogy blogoldalon kedveltebb e formátum Az AMP nem lecseréli le a klasszikus mobilos oldalainkat – csak helyettesít, pótolja azokat