Accelerated Mobile Pages @ Dubytes meetup Dec 2016 in Dubai

•

0 likes•370 views

This document discusses how AMP (Accelerated Mobile Pages) helps make webpages load faster on mobile by avoiding JavaScript, blocking resources, sizing elements in advance, and inline styles. It notes that AMP is just a set of guidelines for structuring HTML documents and additional tags. While AMP alone won't make a website fast, it can help solve problems at the right layer. The document encourages making the web faster, thinner, and reducing data usage overall.

Technology

Thisishowyourdatabalancelookslikewhen
browsingthesewebsites:

Theworstpartis:
weonlyneed~100kbtoshowthe
usersomemeaningfulcontent

Toputitinperspective:
Goodpeople
Wemortals

Toputitinperspective:
Goodpeople
badasses
Wemortals

In2016,theaveragewebpageisthesamesize
asDoom(yes,thegame)

Whatmakesa
webpageslow?What’sbelow
thefold
Blockingresources
JankyanimationsLotsofresources

...andotherinterestingthingslikeresource
hints,gpu-acceleratedanimationsonly,etc.
https://www.ampproject.org/learn/how-amp-works/

AMPisnothingbutasetofguidelines
onhowtostructureyourHTML
documents...

...andsomeadditionaltagslike
<amp-image /> whichenhancethe
regularones

Googlecachesthecontenton
theirsideandtheytryto
refreshitasmuchaspossible
(ie.ateveryamphitor
https://developers.google.com
/amp/cache/update-ping)

https://mercury.postlight.com/amp-converter/

Toogoodtobetrue?
https://www.tunetheweb.com/blog/do-we-really-need-google-amp/

Ifyou’rethatgoodyou
wontneedamp
Checkhttps://www.filamentgroup.com/

Itwillhelpyou
solveproblemson
therightlayer

“don’tintegratethingsontheclientside,just
becausethatiseasier,whentheuserexperience
wouldbebetterwithaserversideintegration.“
https://www.ampproject.org/learn/design-principles/

Ifyougetperformance
right,AMPwillbeaneasy
addon

github.com/odino
twitter.com/_odino_
odino.org
VP Technology
github.com/namshi
twitter.com/TechNamshi
tech.namshi.com

All 3 Clean Code presentations provide great value by themselves, but taken together are designed to offer a holistic approach to successful software creation. This first session creates the foundation for the 2nd Clean Code presentation on Dependency Injection, as it explains expected base knowledge. Why writing Clean Code makes us more efficient Over the lifetime of a product, maintaining the product is actually one - if not the most - expensive area(s) of the overall product costs. Writing clean code can significantly lower these costs. However, writing clean code also makes you more efficient during the initial development time and results in more stable code. You will be presented design patterns and best practices which will make you write better and more easily maintainable code, seeing code in a holistic way. You will learn how to apply them by using an existing implementation as the starting point of the presentation. Finally, patterns & practices benefits are explained. This presentation is based on C# and Visual Studio 2012. However, the demonstrated patterns and practice can be applied to every other programming language too.

Namshi IR Deck - May 2014

SYGroup

This document provides an overview of Namshi, the largest fashion ecommerce company in the Middle East. Namshi focuses on 6 Gulf countries and has 200 employees across offices in Dubai, Saudi Arabia, and India. It operates its own warehouse and last-mile delivery to provide an excellent customer experience. Namshi has over 100,000 customers and served over 150,000 orders in 2013. The company sees opportunities from the underdeveloped retail infrastructure in the region and aims to be the market leader through its differentiated product assortment and strong operations platform.

Design Smells

Giorgio Vespucci

정글의법칙(초보자를 중심으로)

순신 국

9 10-general math-full_solution [www.chakritips.com]

Itmona

APIs that Change Lifestyles

WSO2

To view recording of this webinar please use the below URL: http://wso2.com/library/webinars/2015/07/apis-that-change-lifestyles/ In this webinar, Senaka will take examples of APIs that change lifestyles and provide guidelines on how to start building the next big thing on the planet. Senaka will also explain the benefits of having the right infrastructure to host and manage your APIs in order to make the best out of what you have to offer.

We’ve been toying around with JS since 4 years, trying to figure out what’s the best approach to build mobile-friendly apps that would offer the best performances on mobile devices. We first went SPA and then decided to take a different approach, as 3 years ago we decided to tackle our problems on mobile with an isomorphic application. Today, we would like to guide you through years of that choice and why we decided to take a step back and go revamp our mobile website again, with server-side rendering and a pinch of React. Spoiler alert: 30ms is considered slow.

SPA, isomorphic and back to the server: our journey with JavaScript @ JsDay 2...

Alessandro Nadalin

We've been toying around with JS since 4 years, trying to figure out what's the best approach to build mobile-friendly apps that would offer the best performances on mobile devices. We first went SPA and then decided to take a different approach. 2 years ago we presented a talk, at this very same conference, about how we decided to tackle our problems on mobile with an isomorphic application. Today, we would like to guide you through 2 years of that choice and why we decided to take a step back and go revamp our mobile website again, with server-side rendering and a pinch of React. Fast and wicked performance ahead!

Scaling at Namshi @ Seamless Ecommerce Dubai 2017

Alessandro Nadalin

A tech team of ~10 @ Rocket Tech Summit 2016 in Berlin

Alessandro Nadalin

React native in the wild @ Codemotion 2016 in Rome

Alessandro Nadalin

React Native is a framework for building native mobile apps using JavaScript and React. It was created in 2013 and allows building iOS and Android apps with the same code base using a component-based and unidirectional data flow approach. The core team consists of native iOS and Android developers, and it aims to provide a faster development process than building separate apps for each platform from scratch. React Native uses a JavaScript runtime to render UI components to native mobile components without using HTML.

Dockerize it! @ Codemotion 2016 in Rome

Alessandro Nadalin

Docker is a groundbreaking technology that will heavily influence how we will write software in the years to come: let's then have a look at: * where it comes from (Linux Containers) * how it works * how to dockerize simple apps to easily deploy them on production * how you can use Docker in local environments to simplify your development workflow Do you like Vagrant, auto-scaling or 12-factor apps? Then get ready to be mindblown.

Deploying 3 times a day without a downtime @ Rocket Tech Summit in Berlin

Alessandro Nadalin

Hey, I just met AngularJS, and this is crazy, so here’s my JavaScript, let’s ...

Alessandro Nadalin

The document discusses AngularJS, including its key features like two-way data binding, dependency injection, directives, and support. It notes AngularJS provides a solid foundation, works well with the JavaScript ecosystem, and enables modern API-oriented architectures. Potential downsides discussed include excessive watchers negatively impacting performance, and the learning curve being harder than expected. It emphasizes understanding how browsers implement AngularJS applications and using developer tools. It also covers AngularJS 2.0 changes and questions around whether AngularJS is the future or if other solutions may be preferable for larger projects.

Don't screw it up: how to build durable web apis @ PHPDay 2014 in Verona (ITA)

Alessandro Nadalin

This document discusses best practices for building durable web APIs. It recommends (1) planning for failure by implementing versioning, failover, and caching, (2) designing APIs that are pragmatic and consistent, and (3) focusing on security, performance, and scalability through techniques like caching, avoiding sessions, and centralized logic. The document emphasizes that while standards are debated, the focus should be on making APIs easy for clients to consume.

Angular js is the future. maybe. @ ConFoo 2014 in Montreal (CA)

Alessandro Nadalin

Since bumping into AngularJS a few months ago, we decided to invest more and more time developing with it: coming from a PHP background, the shift of paradigm easy due to the use of patterns and intuitive flows: even though this won’t be a very in-depth technical talk, we are going to see why you should consider working with angular: fast single-page apps, DI, ease of testing, being asynchronous, scaling on the clients. Welcome to the future.

OrientDB, the fastest document-based graph database @ Confoo 2014 in Montreal...

Alessandro Nadalin

OrientDB is a NoSQL graph database which also includes a document layer (like MongoDB): it gained a lot of attention, enough to push big companies like Sky and UltraDNS to use it in production: it's written in Java and it's amazingly fast, since it can store up to 150,000 records per second on common hardware; moreover, thanks to being a graphdb, it can manage relationship so fast that, compared to traditional DBs, can be 1000% faster than them.

A Rocket Internet experience @ ForumPHP Paris 2013

Alessandro Nadalin

This document outlines Alessandro Nadalin's experience building a technical team at Rocket Internet. It discusses hiring young candidates and using unconventional interview questions. It describes evolving the architecture over time from a monolithic structure to microservices using a service-oriented architecture. The goal is to make the system more independent, loosely coupled and maintainable. Through delegation, the team was able to release more frequently and focus on training others.

HTTP colon slash slash: end of the road? @ CakeFest 2013 in San Francisco

Alessandro Nadalin

Tips and Tricks for your Service Oriented Architecture @ CakeFest 2013 in San...

Alessandro Nadalin

The rocket internet experience @ PHP.TO.START 2013 in Turin

Alessandro Nadalin

This document outlines an agenda for building a startup team at Rocket Internet. It discusses contextualizing the work, defining responsibilities, building the team through hiring young developers and ignoring CVs, getting work started by adopting a domain-driven design approach, adapting to different situations, mutating the team and work over time, delegating responsibilities as the team grows to 12 then 150 people, and provides a bonus invitation to join the startup.

GraphDB in PHP @ Codemotion 03/23/2012

Alessandro Nadalin

The document discusses graph databases and when they should be used, highlighting that graph databases make the graph structure of the data explicit, unlike traditional databases, and that OrientDB is a popular multi-model graph and document database that supports features like inheritance, traversals, and SQL-like queries. It also introduces the Orient PHP library for interacting with OrientDB through common patterns like the query builder, data mapper, and repositories.

REST in peace @ IPC 2012 in Mainz

Alessandro Nadalin

HTTP colon slash slash: the end of the road?

Alessandro Nadalin

The state of your own hypertext preprocessor

Alessandro Nadalin

The document discusses PHP traits and how they can be used to create reusable XML conversion functionality. A XmlConversion trait is defined that contains a toXml() method to convert a class to XML. This trait uses the abstract getXmlAttributes() method to retrieve attribute data. The trait is used in Person and Log classes, which both gain the toXml() conversion method. Objects of these classes can then be converted to XML.

REST in peace @ Osidays 2011 India 11-21-2011

Alessandro Nadalin

The document discusses REST and HTTP caching. It explains the key principles of REST including client-server architecture, statelessness, cacheability, layered system, and uniform interface. It then discusses how to implement caching and scalability in HTTP, including using expiration headers, cache-control headers, and entity tags to control caching. It notes the importance of caching for performance, scalability, and reducing workload.

20 Comprehensive Checklist of Designing and Developing a Website

Pixlogix Infotech

Dive into the world of Website Designing and Developing with Pixlogix! Looking to create a stunning online presence? Look no further! Our comprehensive checklist covers everything you need to know to craft a website that stands out. From user-friendly design to seamless functionality, we've got you covered. Don't miss out on this invaluable resource! Check out our checklist now at Pixlogix and start your journey towards a captivating online presence today.

Essentials of Automations: The Art of Triggers and Actions in FME

Safe Software

In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation. We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios. Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!

Recently uploaded

20 Comprehensive Checklist of Designing and Developing a Website

Pixlogix Infotech

Essentials of Automations: The Art of Triggers and Actions in FME

Safe Software

RESUME BUILDER APPLICATION Project for students

KAMESHS29

UiPath Test Automation using UiPath Test Suite series, part 5

DianaGray10

みなさんこんにちはこれ何文字まで入るの？40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの？えこ...

名前です男

Cosa hanno in comune un mattoncino Lego e la backdoor XZ?

Speck&Tech

ABSTRACT: A prima vista, un mattoncino Lego e la backdoor XZ potrebbero avere in comune il fatto di essere entrambi blocchi di costruzione, o dipendenze di progetti creativi e software. La realtà è che un mattoncino Lego e il caso della backdoor XZ hanno molto di più di tutto ciò in comune. Partecipate alla presentazione per immergervi in una storia di interoperabilità, standard e formati aperti, per poi discutere del ruolo importante che i contributori hanno in una comunità open source sostenibile. BIO: Sostenitrice del software libero e dei formati standard e aperti. È stata un membro attivo dei progetti Fedora e openSUSE e ha co-fondato l'Associazione LibreItalia dove è stata coinvolta in diversi eventi, migrazioni e formazione relativi a LibreOffice. In precedenza ha lavorato a migrazioni e corsi di formazione su LibreOffice per diverse amministrazioni pubbliche e privati. Da gennaio 2020 lavora in SUSE come Software Release Engineer per Uyuni e SUSE Manager e quando non segue la sua passione per i computer e per Geeko coltiva la sua curiosità per l'astronomia (da cui deriva il suo nickname deneb_alpha).

Mind map of terminologies used in context of Generative AI

Kumud Singh

GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...

Neo4j

Dr. Sean Tan, Head of Data Science, Changi Airport Group Discover how Changi Airport Group (CAG) leverages graph technologies and generative AI to revolutionize their search capabilities. This session delves into the unique search needs of CAG’s diverse passengers and customers, showcasing how graph data structures enhance the accuracy and relevance of AI-generated search results, mitigating the risk of “hallucinations” and improving the overall customer journey.

How to Get CNIC Information System with Paksim Ga.pptx

danishmna97

GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...

Neo4j

Sudheer Mechineni, Head of Application Frameworks, Standard Chartered Bank Discover how Standard Chartered Bank harnessed the power of Neo4j to transform complex data access challenges into a dynamic, scalable graph database solution. This keynote will cover their journey from initial adoption to deploying a fully automated, enterprise-grade causal cluster, highlighting key strategies for modelling organisational changes and ensuring robust disaster recovery. Learn how these innovations have not only enhanced Standard Chartered Bank’s data infrastructure but also positioned them as pioneers in the banking sector’s adoption of graph technology.

Securing your Kubernetes cluster_ a step-by-step guide to success !

KatiaHIMEUR1

Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster. However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks. In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.

GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024

Neo4j

UiPath Test Automation using UiPath Test Suite series, part 6

DianaGray10

Welcome to UiPath Test Automation using UiPath Test Suite series part 6. In this session, we will cover Test Automation with generative AI and Open AI. UiPath Test Automation with generative AI and Open AI webinar offers an in-depth exploration of leveraging cutting-edge technologies for test automation within the UiPath platform. Attendees will delve into the integration of generative AI, a test automation solution, with Open AI advanced natural language processing capabilities. Throughout the session, participants will discover how this synergy empowers testers to automate repetitive tasks, enhance testing accuracy, and expedite the software testing life cycle. Topics covered include the seamless integration process, practical use cases, and the benefits of harnessing AI-driven automation for UiPath testing initiatives. By attending this webinar, testers, and automation professionals can gain valuable insights into harnessing the power of AI to optimize their test automation workflows within the UiPath ecosystem, ultimately driving efficiency and quality in software development processes. What will you get from this session? 1. Insights into integrating generative AI. 2. Understanding how this integration enhances test automation within the UiPath platform 3. Practical demonstrations 4. Exploration of real-world use cases illustrating the benefits of AI-driven test automation for UiPath Topics covered: What is generative AI Test Automation with generative AI and Open AI. UiPath integration with generative AI Speaker: Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP

Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!

SOFTTECHHUB

As the digital landscape continually evolves, operating systems play a critical role in shaping user experiences and productivity. The launch of Nitrux Linux 3.5.0 marks a significant milestone, offering a robust alternative to traditional systems such as Windows 11. This article delves into the essence of Nitrux Linux 3.5.0, exploring its unique features, advantages, and how it stands as a compelling choice for both casual users and tech enthusiasts.

Introduction to CHERI technology - Cybersecurity

mikeeftimakis1

20240609 QFM020 Irresponsible AI Reading List May 2024

Matthew Sinclair

Large Language Model (LLM) and it’s Geospatial Applications

Rohit Gautam

Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...

James Anderson

Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management. The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM). Speakers: Bob Boule Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle. Gopinath Rebala Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.

Removing Uninteresting Bytes in Software Fuzzing

Aftab Hussain

Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process. In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds. - These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.

Pushing the limits of ePRTC: 100ns holdover for 100 days

Adtran