Crawling von CSS, JavaScript & Co. - Ressourcenblockierung & SEOYourposition AG
Google wird immer besser darin, Webseiten so zu beurteilen, wie auch ein menschlicher User sie zu Gesicht bekommt. Um eine Seite optimal indexieren zu können, braucht der Googlebot daher freien Zugriff auf alle wichtigen Ressourcen, die zum Rendern benötigt werden. Häufig aber werden JavaScript- oder CSS-Dateien blockiert, was sich negativ auf Crawling, Indexierung und Ranking auswirken kann.
HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...Karionis
Auch wenn die Spezifikation von HTML5 noch nicht abgeschlossen ist, werden die Features dieses neuen Standards der Auszeichnungssprache HTML das Internet der unmittelbaren Zukunft bestimmen. Erfahren sie, wie nun semantisches HTML, Geolocation, Offline-Webanwendungen, Video- und Audio-Elemente, Drag and Drop und Vektorgrafiken in Webseiten integriert werden können.
Meine Präsentation der #SEOkomm2014 in Salzburg zum Thema Performance Optimierung. Neben diversen Zahlen sprechen wir über das Critical Path Rendering, Strategien zur Web-Request Optimierung, (WordPress-) Caching und vieles mehr!
Echtzeitvisualisierung von Twitter & CoOliver Lemm
The presentation was hold on APEX Connect 2016 in Berlin 26th of april together with Kai Donato. It demonstrates how to use the Twitter streaming api and visualize it by realtime in a graph using VivagraphJS.
PageSpeed Extreme für das große Speed Update 2021SEARCH ONE
Googles Page Experience Update steht vor der Tür. Im kommenden Jahr wird die Ladezeit zum Rankingfaktor und damit zum Optimierungsgegenstand für Suchmaschinenoptimierer. Kai Spriestersbach zeigt in seinem Vortrag einige fortgeschrittene Methoden, mit denen er, über die bekannten Basics hinaus, die Ladezeit moderner Webseiten effektiv verbessert.
Crawling von CSS, JavaScript & Co. - Ressourcenblockierung & SEOYourposition AG
Google wird immer besser darin, Webseiten so zu beurteilen, wie auch ein menschlicher User sie zu Gesicht bekommt. Um eine Seite optimal indexieren zu können, braucht der Googlebot daher freien Zugriff auf alle wichtigen Ressourcen, die zum Rendern benötigt werden. Häufig aber werden JavaScript- oder CSS-Dateien blockiert, was sich negativ auf Crawling, Indexierung und Ranking auswirken kann.
HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...Karionis
Auch wenn die Spezifikation von HTML5 noch nicht abgeschlossen ist, werden die Features dieses neuen Standards der Auszeichnungssprache HTML das Internet der unmittelbaren Zukunft bestimmen. Erfahren sie, wie nun semantisches HTML, Geolocation, Offline-Webanwendungen, Video- und Audio-Elemente, Drag and Drop und Vektorgrafiken in Webseiten integriert werden können.
Meine Präsentation der #SEOkomm2014 in Salzburg zum Thema Performance Optimierung. Neben diversen Zahlen sprechen wir über das Critical Path Rendering, Strategien zur Web-Request Optimierung, (WordPress-) Caching und vieles mehr!
Echtzeitvisualisierung von Twitter & CoOliver Lemm
The presentation was hold on APEX Connect 2016 in Berlin 26th of april together with Kai Donato. It demonstrates how to use the Twitter streaming api and visualize it by realtime in a graph using VivagraphJS.
PageSpeed Extreme für das große Speed Update 2021SEARCH ONE
Googles Page Experience Update steht vor der Tür. Im kommenden Jahr wird die Ladezeit zum Rankingfaktor und damit zum Optimierungsgegenstand für Suchmaschinenoptimierer. Kai Spriestersbach zeigt in seinem Vortrag einige fortgeschrittene Methoden, mit denen er, über die bekannten Basics hinaus, die Ladezeit moderner Webseiten effektiv verbessert.
Ein Blick in die Kristallkugel mit dem Ziel spannende und relevante Online-Trends für das Jahr 2006 hervorzusagen. Auf der Liste sind:
- Desktop Widgets
- 2D Barcoding
- JSR-170/286
- REST
- Lightweight APIs und JSON
- Presence und Instant Messaging
- Home Networking
- Microformats/Structured Blogging
- Online Identity
- Antiphishing
Welcome to a New Reality - SEO goes Mobile First in 2017Bastian Grimm
Crawling, Indexing & Ranking in the age of a mobile first world. Meine Präsentation von der OMT 2017 in Wiesbaden rund um das Thema "Mobile First Indexing" inkl. Performance Optimierungen, Responsive Design & vielem mehr.
Die für 2014 leicht aktualisierte Präsentation vom ersten Tag des diesjährigen HTML5 Seminars der tgm mit den Themen:
– Hidden Gems
– Semantik
– Formulare
– Audio & Video
– Application cache
HTTPs Migration How To - SMX München 2017Bastian Grimm
Meine Präsentation der SMX 2017 in München (Tag 2) rund um das Thema "HTTPs Site Migration" inkl. ausführlicher Checkliste, diversen Tools für Monitoring, Testing, etc. sowie vielem mehr!
Users leave thousands of traces per second on a successful ecommerce site. It’s very pragmatic to analyse and react on this trace event stream in realtime. This is called clickstream analysis. In the talk I’ll present a software architecture based on Apache Spark which is able to process thousands of clickstream events per second. A product based on this architecture is in production since mid 2015 and is still performing well. The building blocks of the architecture beside Spark are Kafka to handle the inbound event stream, Spark Streaming for initial stream processing and Parquet as serialization format. I argue why we’ve chosen these technologies and what experiences we had in developing, launching and operating the product.
Clickstream Analysis with Spark - Understanding Visitors in Real TimeQAware GmbH
Spark Summit East 2016, New York City: Talk by Josef Adersberger (@adersberger, CTO at QAware).
Abstract: Users leave thousands of traces per second on a successful ecommerce site. It’s very pragmatic to analyse and react on this trace event stream in realtime. This is called clickstream analysis. In the talk I’ll present a software architecture based on Apache Spark which is able to process thousands of clickstream events per second. A product based on this architecture is in production since mid 2015 and is still performing well. The building blocks of the architecture beside Spark are Kafka to handle the inbound event stream, Spark Streaming for initial stream processing and Parquet as serialization format. I argue why we’ve chosen these technologies and what experiences we had in developing, launching and operating the product.
Lange Wartezeiten und mangelnde Responsivität unserer Webapplikation führen zu unzufriedenen Benutzern, was sich in hohen Absprungraten und Abwanderung zur Konkurrenz oder einfach der Weigerung, die Applikation zu verwenden, niederschlägt. Das Problem einer langsamen Applikation lässt sich jedoch leider nicht ganz so einfach lösen. Wichtig für eine nachhaltige Lösung ist das Verständnis der Abläufe im Browser. Aus diesem Grund beschäftigen wir uns hier mit Konzepten wie dem Critical Rendering Path und einigen Charakteristiken der JavaScript-Engines. Im Zuge dieses Vortrags werden einige der häufigsten Problemstellungen von Webapplikationen analysiert und Lösungsansätze und Best Practices zur Behebung der Performanceprobleme vorgestellt.
Die Inhalte einer Webseite dürfen bei einem Wechsel auf einen anderes CMS nicht einfach verloren gehen. Da jedes CMS seine Daten etwas anders speichert ist Daten-Migration aber eine oft komplexe und aufwändige Aufgabe. Der Vortrag berichtet von einer konkreten Migration von Typo3 zu Plone, bei der Inhalte mittels Transmogrifier automatisch transferiert und angepasst wurden.
Ein Blick in die Kristallkugel mit dem Ziel spannende und relevante Online-Trends für das Jahr 2006 hervorzusagen. Auf der Liste sind:
- Desktop Widgets
- 2D Barcoding
- JSR-170/286
- REST
- Lightweight APIs und JSON
- Presence und Instant Messaging
- Home Networking
- Microformats/Structured Blogging
- Online Identity
- Antiphishing
Welcome to a New Reality - SEO goes Mobile First in 2017Bastian Grimm
Crawling, Indexing & Ranking in the age of a mobile first world. Meine Präsentation von der OMT 2017 in Wiesbaden rund um das Thema "Mobile First Indexing" inkl. Performance Optimierungen, Responsive Design & vielem mehr.
Die für 2014 leicht aktualisierte Präsentation vom ersten Tag des diesjährigen HTML5 Seminars der tgm mit den Themen:
– Hidden Gems
– Semantik
– Formulare
– Audio & Video
– Application cache
HTTPs Migration How To - SMX München 2017Bastian Grimm
Meine Präsentation der SMX 2017 in München (Tag 2) rund um das Thema "HTTPs Site Migration" inkl. ausführlicher Checkliste, diversen Tools für Monitoring, Testing, etc. sowie vielem mehr!
Users leave thousands of traces per second on a successful ecommerce site. It’s very pragmatic to analyse and react on this trace event stream in realtime. This is called clickstream analysis. In the talk I’ll present a software architecture based on Apache Spark which is able to process thousands of clickstream events per second. A product based on this architecture is in production since mid 2015 and is still performing well. The building blocks of the architecture beside Spark are Kafka to handle the inbound event stream, Spark Streaming for initial stream processing and Parquet as serialization format. I argue why we’ve chosen these technologies and what experiences we had in developing, launching and operating the product.
Clickstream Analysis with Spark - Understanding Visitors in Real TimeQAware GmbH
Spark Summit East 2016, New York City: Talk by Josef Adersberger (@adersberger, CTO at QAware).
Abstract: Users leave thousands of traces per second on a successful ecommerce site. It’s very pragmatic to analyse and react on this trace event stream in realtime. This is called clickstream analysis. In the talk I’ll present a software architecture based on Apache Spark which is able to process thousands of clickstream events per second. A product based on this architecture is in production since mid 2015 and is still performing well. The building blocks of the architecture beside Spark are Kafka to handle the inbound event stream, Spark Streaming for initial stream processing and Parquet as serialization format. I argue why we’ve chosen these technologies and what experiences we had in developing, launching and operating the product.
Lange Wartezeiten und mangelnde Responsivität unserer Webapplikation führen zu unzufriedenen Benutzern, was sich in hohen Absprungraten und Abwanderung zur Konkurrenz oder einfach der Weigerung, die Applikation zu verwenden, niederschlägt. Das Problem einer langsamen Applikation lässt sich jedoch leider nicht ganz so einfach lösen. Wichtig für eine nachhaltige Lösung ist das Verständnis der Abläufe im Browser. Aus diesem Grund beschäftigen wir uns hier mit Konzepten wie dem Critical Rendering Path und einigen Charakteristiken der JavaScript-Engines. Im Zuge dieses Vortrags werden einige der häufigsten Problemstellungen von Webapplikationen analysiert und Lösungsansätze und Best Practices zur Behebung der Performanceprobleme vorgestellt.
Die Inhalte einer Webseite dürfen bei einem Wechsel auf einen anderes CMS nicht einfach verloren gehen. Da jedes CMS seine Daten etwas anders speichert ist Daten-Migration aber eine oft komplexe und aufwändige Aufgabe. Der Vortrag berichtet von einer konkreten Migration von Typo3 zu Plone, bei der Inhalte mittels Transmogrifier automatisch transferiert und angepasst wurden.
13. CMS Welt
Klassisch Flat-File Static Site Generator
Vertreter WordPress,
Drupal, Typo3, …
Kirby CMS,
Craft CMS, Grav
Hugo, Gatsby, Jekyll
Datenbank ☑ - -
Backend ☑ ☑ -
Distribution Server Server Serverless / CDN
Content Text & HTML in DB Markdown Markdown
Versionierung Schwierig zu erreichen Möglich mit git Alles in git
CMS integriert integriert CMS App / git Workflow
15. VORTEILE JAMstack
↣ Serverless: Performant + Skalierbar
↣ kein Backend: Sicherheit
↣ keine Updates / Patches
↣ Git-basierter Workflow, Automatismen
↣ Komplette, kongruente Versionierung
↣ Inhalt-Version passt immer zu Template-Version
16. NACHTEILE JAMstack
↣ CMS App: kein Live-Preview
↣ CMS App: Time Lag zwischen Save und Deploy
↣ Mindshift für den Entwickler und Redaktor
↣ z.B. Formulare via SaaS (Typeform o.ä.)
↣ Bilder-Thumbs im Frontend erstellen
↣ usw.
18. PROJEKTSTRUKTUR
• archetypes Content Typisierung und Defaults
• content Inhalte in Mark Down
• layouts where the magic happens
• static Assets: Bilder, PDFs
• config.toml Parametrierung / Globals
20. CONTENT
---
title: "My first post with Hugo"
date: "2018-06-20"
draft: false
author: "Dietrich Rordorf"
tags: ["hugo", "post"]
thumbimage: ""
fullimage: ""
---
Teaser / intro text für den Blog Post.
<!--more-->
Lorem ipsum dolor sit amet, consectetur adipiscing elit...
content/posts/2018-first-post.md