Vortrag zum WP Meetup Frankfurt am 14.04.2105 http://wpmeetup-frankfurt.de/2015/wordpress-performance/
Which would you rather have: A rich design or a fast user experience? Users want both, but sometimes the interplay between design and performance feels like a fixed sum game: One side’s gain is the other side’s loss. Design and performance are indeed connected, but it’s more like the yin and yang. They aren’t opposing forces, but instead complement each other. Users want an experience that is rich and fast. The trick for us as designers and developers is figuring out how to do that. The answer is to adopt an approach that considers both design and performance from the outset. With this approach, designs are conceived by teams of designers and developers working together. Developers benefit by participating in the product definition process. Designers benefit from understanding more about how designs are implemented. There’s an emphasis on early prototyping and tracking performance from the get-go. With new metrics that focus on what a user actually sees as the page loads, we can now bridge the technical and language gaps that have hindered the seamless creation of great user experiences. In this presentation, Steve Souders, former Chief Performance Yahoo! and Google head performance engineer, explains how promoting a process that brings design and performance together at the beginning of a project helps deliver a web experience that is both fast and rich.
Slides from my speech about web apps performance. Images, CSS, JS optimization. PHP and HTTP server effects + caching. Performance profiling with Blackfire.io, debugging with Xdebug.
The document summarizes Christopher Schmitt's presentation at RWD Summit 2014 on adaptive images in responsive web design. It discusses using feature testing over browser sniffing to determine screen resolution and bandwidth. It presents techniques like srcset, picture, and JavaScript solutions to serve appropriately sized images. It also covers workarounds like background-size, SVG, and font-based solutions when native techniques are not supported. The focus is on building responsive images that scale with the device and load quickly.
Christopher Schmitt presented on adaptive images in responsive web design. He discussed using browser features like width, resolution and bandwidth to determine the best image to serve rather than browser sniffing. Feature testing methods included JavaScript, jQuery and CSS media queries. Workarounds for older browsers included background images, SVGs and font-based solutions. Compressed JPEG images were also suggested to reduce file sizes.
1) The document discusses responsive video formats and delivery methods for different devices. 2) It covers video codecs like H.264 and VP8, as well as formats like MP4, WebM and OGG. 3) Adaptive streaming technologies like Apple's HLS and MPEG-DASH are presented as ways to deliver the most appropriate video quality based on a user's bandwidth and device capabilities.
The document discusses adaptive images and responsive web design. It covers using srcset and sizes attributes, the <picture> element, and feature testing versus browser sniffing to determine the best image to display based on factors like screen width, resolution, and bandwidth. It also discusses workarounds like background-size, SVG, and font-based solutions for responsive images.
The web doesn't stop at the desktop anymore. Our image assets need to do more than look good in one context. In this talk, I look at how images like JPEG, GIFs, SVG, Icons, Unicode, and more can be used in a multi-device environment.
The document discusses adaptive images in responsive web design. It covers techniques like using the browser width and screen resolution to determine the appropriate image size via JavaScript or media queries. It also discusses checking bandwidth and using techniques like picture, srcset, .htaccess rewriting, and single pixel GIFs to serve the right image. The document recommends using CSS media queries for design and covers workaround techniques like background-size, SVG, and font-based solutions.
Smartphones and tablets not only contain more computing power and better browsers than the computers that started the Internet economy. They also have better displays, which demands more of us when we use images. This session will work through tips and tricks to develop future friendly images in our sites and apps.
This document discusses techniques for responsive images on the web. It begins by explaining how to use browser width, screen resolution, and bandwidth detection to serve appropriately sized images. It then discusses .htaccess and JavaScript solutions like Filament Group's responsive images and HiSRC. It argues that CSS media queries are best for layout, while these techniques focus on images. Background-size, SVG, and Modernizr checks are presented as workarounds. Overall, the document provides an overview of different responsive image implementation strategies.
The document discusses adaptive images in responsive web design. It covers using the browser's user agent string and feature testing to determine screen resolution and bandwidth instead of browser sniffing. Methods presented include using viewport width with JavaScript, jQuery, and CSS media queries; checking screen resolution directly and considering retina displays; and avoiding bandwidth speed tests. Workarounds discussed are using background-size: 100% with images, SVG, and a "Clown Car" SVG technique loading different image files via CSS media queries.
Talk from Akamai Edge 2014 looking at some of our current web performance optimisation practices and how they may need to change as new standards and protocols emerge
The document discusses the speed of the modern web. It summarizes key metrics around connection speeds, browser speeds, page weights, adoption of best practices, and page load times based on data from various sources. While some metrics like connection speeds and page load times are improving, pages overall are getting heavier and adoption of best practices is flat. The document advocates watching video growth, developing better performance metrics, promoting best practices more widely, utilizing multiple CPUs, and improving caching.
This document discusses ways to make test suites run faster. It suggests distributing tests across multiple servers in parallel to take advantage of multiple cores. Other suggestions include deleting redundant or dead code to remove unnecessary tests, using in-memory databases and other tools to avoid network latency, and mocking slow layers to isolate tests. Complexity in tests should be reduced where possible by breaking long tests into smaller focused tests. The overall message is that simplifying code under test can make the test suite itself run significantly faster.
This document discusses responsive image techniques for adaptive web design. It begins by explaining browser sniffing versus feature testing, and recommends using feature testing to determine browser width, screen resolution, and bandwidth instead of browser sniffing. It then covers techniques like using background-size to control image sizes, SVG for smaller file sizes, and font-based solutions. The document also discusses server-side techniques like .htaccess rewrite rules and client-side techniques like picture and HiSRC. It advocates for a mobile-first approach using CSS media queries and a single pixel GIF for responsive images.
This document summarizes Christopher Schmitt's presentation on adaptive images in responsive web design. The presentation covered: 1. Using the browser width, screen resolution, and bandwidth to determine the appropriate image to serve through feature testing rather than browser sniffing. 2. Techniques for serving responsive images including using .htaccess files, the <picture> element, and JavaScript libraries like HiSRC that select images based on various tests. 3. Workarounds for older browsers including using background-size: 100%, SVG images, and font-based solutions.
The document discusses various image formats (GIF, PNG, JPEG), optimization tools, responsive image techniques (srcset, picture), lazy loading, icon fonts versus SVG sprites, and video optimization. It provides information on each topic and examples of how to implement the different techniques for optimizing images and other assets for faster page loads.
Der SC Melle 03 Fussball bleibt der Spitze der Tabelle am auch 12. Spieltag der Landesliga Weser-Ems erhalten. Durch den sensationellen 6:0 Sieg gegen VfB Oldenburg macht man nicht nur drei Punkte auf den sieglosen FC Schüttorf und dem SV Holthausen-Biene gut, sondern verbessert sich im Torverhältnis, so dass die punktgleichen Schüttorfer von Platz drei verdrängt wurden. Als Tabellendritter steht man hinter den punktgleichen SSV Jeedeloh und vier Punkte hinterm Tabellenführer SV Holthausen-Biene, die beide ein Spiel mehr auf dem Konto haben. Der SCM bleibt also dran und behält sich beste Chancen für die Meisterschaft.
Luiz Carlos Henke é um consultor de 52 anos com experiência em implantação e customização de sistemas de contabilidade e controladoria como Datasul EMS, SAP, Oracle EBS e TOTVS em diversas empresas. Ele possui formação acadêmica em administração, processamento de dados e pós-graduação em TI com ênfase em gerenciamento de projetos.
DEXMA Presentation Corporative
SC Melle 03 Fussball 1. Herren bleibt vierter in der Tabelle am 8. Spieltag und dem ersten Sieg nach 2 Auswärtsniederlagen - 1 Spiel weniger als der punktgleiche Tabellendritte SSV Jeddeloh und als der Tabellenerste SV Holthausen-Biene, der vier Punkte vorm SCM rangiert. Zweiter FC Schüttorf hat ebenso 7 Spiele aber 17 und damit zwei Punkte mehr.
Este documento propone una reforma integral de la educación media superior en México mediante la creación de un Sistema Nacional de Bachillerato. Los principales retos que aborda son la baja cobertura, calidad y equidad del actual sistema. Plantea como solución establecer un marco curricular común basado en competencias que reconozca la diversidad de modalidades y permita la portabilidad entre subsistemas.
SC Melle 03 Fussball Landesliga Weser-Ems - Stadionecho vom 3. Spieltag der Saison 2011/2012 am 21.08.2011: SC Melle 03 vs. FC Schüttorf 09 by Jürgen Schmidt, Detlev Drobeck & Chris Kinner
Este documento presenta las competencias genéricas que expresan el perfil del egresado de la educación media superior en México. Explica que se elaboró a través de talleres regionales y jornadas de discusión con autoridades educativas estatales y la Red Nacional del Nivel Medio Superior de la ANUIES. Se establecieron 11 competencias genéricas transversales que los estudiantes deben desarrollar a lo largo de su formación y que les permitirán integrarse exitosamente en la sociedad y el mundo laboral.
O documento descreve a Escola Municipal de Saúde Regional Sul, localizada em São Paulo. A escola oferece cursos técnicos de saúde para profissionais e membros do conselho de saúde da região sul. Ela está localizada em um imóvel de 607m2 com estrutura para cursos, biblioteca e administrativo. A escola tem como missão qualificar os profissionais de saúde e membros do conselho da região sul.
EMS-Dienstleistungen
A Beta Technologies é uma empresa que desenvolve mundos virtuais 3D para clientes institucionais. Possui escritórios em Lisboa, Nova Iorque e Munique e uma equipa multidisciplinar espalhada por vários continentes. Fornece soluções completas como consultoria, modelação 3D, animação e gestão de projetos virtuais.
O documento descreve os serviços de tecnologia da informação oferecidos pela Decision® Technologies, incluindo uma variedade de habilidades técnicas e metodologias em diferentes áreas como desenvolvimento de software, bancos de dados, sistemas operacionais e administração. A empresa visa fornecer profissionais qualificados para complementar a capacidade técnica dos clientes e apoiar seus objetivos de negócios.
Der 29. Spieltag war richtungsweisend für die Endphase der Landesliga Weser-Ems. Spitzenreiter Holthausen-Biene scheint seine Linie zurückgefunden zu haben und baut seine Führung wieder bis auf sieben Punkte aus. Die Verfolger sind allesamt am straucheln, nehmen sich gegenseitig die Punkte weg und bieten keine konstante Leistungen mehr. Somit müsste der Tabellenführer alle Voraussetzungen haben, tatsächlich von der Pole-Position auch im Ziel die Meisterschaft feiern zu können. Auch bei zehn verbleibenden Spielen kann noch viel passieren, aber sieben Punkte auf Jeddeloh zu verlieren, scheint aus den aktuellen Ergebnissen heraus ziemlich unwahrscheinlich. Nur wie sich die Verfolger am Ende hinter dem Meister die Plätze teilen, wird noch offen bleiben. Der 30. Spieltag beginnt mit dem Derby des SCM in Dodesheide. Rothenfelde spielt beim VfB Oldenburg II und Hollage empfängt Bentheim. Jeddeloh hat Großefehn zu Gast und Tabellenführer Holthausen erwartet Pewsum im Biener Busch.
EMS Genéricos. Há mais de 10 anos oferecendo medicamentos genéricos de qualidade para a população brasileira. http://www.emsgenericos.com.br
Maersk Line lässt nicht nur die weltweit größten Schiffe der 'Triple-E' Klasse bauen. Continuous Integration und Delivery in einer ähnlichen Größenordnung mit Hudson, Maven und Tools wie Kokki (ähnlich Puppet oder Chef ) werden dort ebenso praktiziert. Diese Session gewährt eine kurze Übersicht über Multi-Configuration (Matrix) Job-Typen wie sie in den meisten dieser Projekte genutzt werden. Highlights in einer heterogenen Umgebung, wie man sie in Vielfalt und Umfang sonst fast nur bei großen Anbietern von Public Cloud Lösungen findet.
Der SCM Fussball konnte durch den Derby-Sieg natürlich seinen dritten Tabellenplatz am 14. Spieltag der Landesliga Weser-Ems halten. Durch die Niederlagen der Verfolger hat der SC Melle 03 Boden gegenüber dem SV Bad Bentheim und dem VfL Oythe gut machen können. Nur der FC Schüttorf steht auf Augenhöhe auf Rang vier mit einem Sieg in Brake. Er hat ebenfalls 13 Spiele und 27 Punkte auf dem Konto. Der SSV Jeddeloh bleibt siegreich und steht nachwievor mit 3 Punkten und einem Spiel mehr als der SCM an Platz 2. Der Tabellenführer SV Holthausen-Biene hat in Pewsum nicht gespielt und bleibt 1 Punkt vor Jeddeloh und bei gleicher Spielanzahl 4 Punkte vorm SCM. Schüttorf hat gezeigt, dass man auch auf dem schwierigen Kunstrasen in Brake gewinnen kann. Ebenso schwierig wird es aber für Holthausen gegen Wilhelmshaven II bzw. für Jeddeloh gegen Pewsum. Warten wir ab, es bleibt jedenfalls spannend.
Présentation séminaire adoption SharePoint Voirin Conseil
This document outlines an agenda for a web performance training course. It introduces key concepts like why performance matters, how to define and measure performance metrics, and how to identify and address performance problems. It provides numerous links to tools and resources for auditing site performance, establishing performance budgets, monitoring performance over time, and optimizing code and assets to improve loading speed. The goal is to help attendees learn how to evaluate the performance of their sites and make them faster.
To be a successful WebVR developer, one needs skills in HTML, Three.js, A-Frame, JavaScript, and WebGL. The document provides links to learning resources for each skill, with the most resources listed for HTML, Three.js, and JavaScript. It concludes by providing contact information for the author to answer any additional questions.