Webseiten-Bericht für raoulpilop.de

raoulpilop.de

Webseiten-Bericht für raoulpilop.de

 Generiert am 07 April 2026 12:06 PM

Aktuelle Statistiken? UPDATE !

Der Wert ist 64/100

SEO Inhalte

Seitentitel

Raoul - Web Application Developer

Länge : 33

Perfekt, denn Ihr Seitentitel enthält zwischen 10 und 70 Anzahl Zeichen.

Seitenbeschreibung

🧡 web / 🧡 javascript / 🧡 css / 🧡 browser / 🧡 user

Länge : 49

Ideal, aber Ihre Seitenbeschreibung sollte zwischen 70 und 160 Zeichen (Leerzeichen incinbegriffen) enthalten. Benutzen Sie dieses kostenlose Werkzeug um die Länge zu prüfen.

Suchbegriffe

Nicht so gut. Wir konnten keine META-Suchbegriffe auf Ihrer Webseite finden. Benutzen Sie dieses kostenlose Werkzeug um META-Suchbegriffe zu erzeugen.

Og META Eigenschaften

Sehr gut, denn diese Webseite nutzt die Vorteile aus den Og Properties.

Eigenschaft Inhalt
site_name Raoul - Web Application Developer
type website
title Raoul - Web Application Developer
description 🧡 web / 🧡 javascript / 🧡 css / 🧡 browser / 🧡 user
url https://raoulpilop.de/
image https://raoulpilop.de/content/images/2024/08/bg.jpg
image:width 1200
image:height 675

Überschriften

H1 H2 H3 H4 H5 H6
1 25 0 0 0 0
  • [H1] Raoul - Web Application Developer
  • [H2] viewport sizes device pixel ratio
  • [H2] run strapi4 or strapi5 on plesk obsidian 18
  • [H2] run sveltekit on (linux) plesk obsidian hosting
  • [H2] gracefully deprecating your legacy codebase
  • [H2] run a sapper app on a plesk server
  • [H2] build a SvelteKit/strapi website
  • [H2] *.avif *.webp images css background usage progressive enhanced with image-set
  • [H2] build a sapper/strapi website
  • [H2] avif and webp images as css background images
  • [H2] deliver images via strapi custom route and koa.js context object
  • [H2] upload media files to strapi within a node process
  • [H2] vue.js, axios, interceptors and toast-notifications
  • [H2] vue.js router pagination
  • [H2] nuxt.js static page generator with dynamic pages
  • [H2] unit testing cookie or localstorage code with jest
  • [H2] follow up: wordpress webfont delivery via own domain
  • [H2] css dark-mode/light-mode - rethought
  • [H2] CSS, Dark-Mode and Custom Properties
  • [H2] LazyScripts v0.3.x released
  • [H2] Remove dust from a legacy project
  • [H2] Lazy Load JavaScript[s]
  • [H2] WebP image and background usage in web projects
  • [H2] deliver webfonts from your domain
  • [H2] platform webfont
  • [H2] javascript - choosing the right timeout is easy

Bilder

Es konnten 26 Bilder auf dieser Webseite gefunden werden.

Gut, denn die meisten Ihrer Bilder verwenden das ALT-Attribut.

Text/HTML Verhältnis

Anteil : 15%

Gut, denn das Text zu HTML Code Verhältnis dieser Webseite ist höher als 15, aber niedriger als 25 Prozent.

Flash

Perfekt, denn es wurde kein Flash auf Ihrer Webseite gefunden.

IFrame

Großartig, denn Sie verwenden keine IFrames auf Ihrer Webseite.

URL Rewrite

Gut. Ihre Links sind für Suchmaschinen gut lesbar (sprechende Links)!

Underscores in the URLs

Perfekt! Wir haben keine Unterstriche in Ihren Links entdeckt.

In-page links

We found a total of 58 links including 0 link(s) to files

Anker Typ Natürlich
Raoul - Web Application Developer intern natürliche Links
home intern natürliche Links
Imprint / Privacy intern natürliche Links
github extern natürliche Links
npmjs extern natürliche Links
viewport sizes device pixel ratio intern natürliche Links
frontend viewport sizes device pixel ratio Today I was device testing a website and at some point I realised that I don't have a clue what viewport size, the device I was testing on has. device pixel ratio The manufacter tells 2560px times 1600px, but do these values matter in web design? Quick answer intern natürliche Links
run strapi4 or strapi5 on plesk obsidian 18 intern natürliche Links
strapi.io run strapi4 or strapi5 on plesk obsidian 18 In this short guide, I will demonstrate how to host a strapi4 or strapi5 on a linux server managed with plesk obsidian. Let's get started! strapi4 setup (4.25.13) In your strapi4 folder (repository) add a file named index.js and put that content into it: // /< intern natürliche Links
run sveltekit on (linux) plesk obsidian hosting intern natürliche Links
sveltekit run sveltekit on (linux) plesk obsidian hosting It's been a while since I focussed on my sveltekit passion and since then sveltekit and plesk made some progress. Sveltekit might feel demanding when you try to host it yourself on a linux plesk server and this post demonstrates how to set up your hosting. tl;dr; intern natürliche Links
gracefully deprecating your legacy codebase intern natürliche Links
web performance optimization gracefully deprecating your legacy codebase You're running a legacy codebase, supporting browser from 2013 and you want to avoid that your users are unable to use your service with your next release or you want to enrich your user experience with a new feature, but not writing more legacy code and not ship intern natürliche Links
run a sapper app on a plesk server intern natürliche Links
sapper run a sapper app on a plesk server I started to write a SvelteKit/plesk hosting guide, but due to ECMAScript modules syntax SvelteKit is using, I ran into trouble to get it working, even with a manual installed Node.js v14.16.0 on my plesk server. I will stay tuned on this topic but today I intern natürliche Links
build a SvelteKit/strapi website intern natürliche Links
sveltekit build a SvelteKit/strapi website It is spring 2021 and somehow SvelteKit got released in an early stage. I am really thrilled about the next version of svelte/sapper because in the last months my excitement about Svelte/Sapper only got bigger. Today (or yesterday) the SvelteKit docs got public and even SvelteKit is in intern natürliche Links
*.avif *.webp images css background usage progressive enhanced with image-set intern natürliche Links
web performance optimization *.avif *.webp images css background usage progressive enhanced with image-set Part 3 of my new image formats as background-image journey (part 1, part 2). Avif and webp images bring a positive impact on every webpage's payload performance. Today (March 16 2021) avif works only in chromium based browsers and webp have "partial support" in macOS safari, intern natürliche Links
build a sapper/strapi website intern natürliche Links
strapi.io Featured build a sapper/strapi website Rich Harris stalled sapper development on his talk at the svelte summit 2020 and the svelte@next thing looks really promising. In fact I tried directly to move a sapper page to svelte@next and it seems, that - for now - it is a little early for that. UPDATE intern natürliche Links
avif and webp images as css background images intern natürliche Links
web performance optimization Featured avif and webp images as css background images UPDATE: I was late at the image-set party, please read this blog post, how to support avif and webp images in your project. Safari is late at the webp party, whilst Firefox and chromium-based browsers heading to the avif party. This means I need to extend my webp feature detection intern natürliche Links
deliver images via strapi custom route and koa.js context object intern natürliche Links
strapi.io deliver images via strapi custom route and koa.js context object In my strapi powered band website journey I created a Song collection type to store mp3 files and some of their meta data (title, artist, duration...). Most of the mp3s include a cover image, a photo taken during the rehearsal, overhauled with gimp and I want to access these images intern natürliche Links
upload media files to strapi within a node process intern natürliche Links
strapi.io upload media files to strapi within a node process I enjoy the ease of use strapi.io. At @boldventures we started in may 2020 with our first strapi project and today (august 2020) the count of strapi projects is on three with more to come. On my band website I am switchting from my nuxt.js/express.js-api to intern natürliche Links
vue.js, axios, interceptors and toast-notifications intern natürliche Links
vue.js vue.js, axios, interceptors and toast-notifications I usually use axios when it comes to Asynchronous JavaScript and XML (ajax) or more modern Asynchronous JavaScript and JSON (ajaj). I like that axios runs in the browser and in node.js, and with a promise polyfill in IE11 as well - and projects I usually do, do support intern natürliche Links
vue.js router pagination intern natürliche Links
vue.js vue.js router pagination One downside of browser rendered frontend frameworks is the temptation to hide structure or logic from your visitor. Your App might have a store, or component/route based data and produces on this hidden data a view. But on reload your visitor starts with your first page, or unfiltered list intern natürliche Links
nuxt.js static page generator with dynamic pages intern natürliche Links
nuxt.js nuxt.js static page generator with dynamic pages With Nuxt.js you have the choice - will you deliver server side rendered pages over a node.js infrastructure, will you take the single page application approach like a Vue.js app or will you use Nuxt.js as a static site generator with npm run generate? Static site intern natürliche Links
unit testing cookie or localstorage code with jest intern natürliche Links
jest Featured unit testing cookie or localstorage code with jest Imagine - you enter a website and first thing you see is a cookie banner telling you the website is heavily built on cookies and is not able to run without it and you have to accept these cookies… (PS: raoulkramer.de uses no cookies - mouse drop) You write intern natürliche Links
follow up: wordpress webfont delivery via own domain intern natürliche Links
gdpr follow up: wordpress webfont delivery via own domain Yesterday (I started the draft of this post on may 13 2018, 12 days before GDPR got applicable in the EU) I wrote about how to deliver webfonts from your domain and noticed, that wordpress themes need insights on this topic too. Today (january 13 2020) I write about replacing intern natürliche Links
css dark-mode/light-mode - rethought intern natürliche Links
frontend css dark-mode/light-mode - rethought So, you read my last blog entry about "CSS, Dark-Mode and Custom Properties" and start to build for every website a light and a dark theme, to support your visitors. That's nice - and then you like your light theme more than the dark theme and intern natürliche Links
CSS, Dark-Mode and Custom Properties intern natürliche Links
frontend CSS, Dark-Mode and Custom Properties The other day, I was reading about "dark mode" and about the prefers color scheme media query, and... how cool is that? Often a customer requirement is to support the IE 11 and than you put yourself under that ie11-rock to "play it safe". On private intern natürliche Links
LazyScripts v0.3.x released intern natürliche Links
web performance optimization LazyScripts v0.3.x released LazyScripts 0.3.x released - with MutationObserver support intern natürliche Links
Remove dust from a legacy project intern natürliche Links
web performance optimization Remove dust from a legacy project Years go by, platform code grows, browser platform support changes, and there you are: +300 Kilobytes of minified JavaScript code is shipped, same in CSS and the Chrome Code Coverage Tool shouts a huge blob of unused code in your face… Your legacy project collected dust along the way! In intern natürliche Links
Lazy Load JavaScript[s] intern natürliche Links
web performance optimization Lazy Load JavaScript[s] my idea of lazy loading javascript files - like you already do with images and iframes… intern natürliche Links
WebP image and background usage in web projects intern natürliche Links
frontend Featured WebP image and background usage in web projects UPDATE: I was late at the image-set party, please read this blog post, how to support avif and webp images in your project. With Firefox 65 joining the WebP party and thanks to the incredible squoosh app, WebP becomes more than just a lighthouse proposal. So it is time to intern natürliche Links
deliver webfonts from your domain intern natürliche Links
frontend Featured deliver webfonts from your domain Webfonts may be the last tweak for your user experience (UX). And if you look around, chances your blog theme uses a webfont from a third party are very high. In this post, I do not talk about webfont perfomance, flash of unstyled text or something like this. No, this intern natürliche Links
platform webfont intern natürliche Links
frontend platform webfont Thanks to "cssweekly" and their link to "30 Seconds of CSS" - I saved very much research myself. I do not like webfonts very much. I like eBay's Font Loading Strategy - your webapp user will not experience a flash of unstyled text (FOUT) intern natürliche Links
javascript - choosing the right timeout is easy intern natürliche Links
plain js javascript - choosing the right timeout is easy Every once in awhile I see code that debounces expensive events like resize or scroll: someTimeout = window.setTimeout(debounceScroll, 10); and I wonder about the magic numbers, developers choose. magic numbers In the example the dev thinks 10 milliseconds is a good time to debounce this event. The whole code intern natürliche Links
Older Posts → intern natürliche Links
Raoul - Web Application Developer intern natürliche Links
Powered by Ghost extern natürliche Links

SEO Suchbegriffe

Suchbegriffswolke

web support images min like css webp sveltekit read website

Keywords Consistency

Suchbegriff Inhalt Seitentitel Suchbegriffe Seitenbeschreibung Überschriften
read 28
min 25
web 12
webp 11
sveltekit 10

Benutzerfreundlichkeit

URL

Domain : raoulpilop.de

Länge : 13

Favoriten Icon

Gut. Die Webseite hat ein Favicon.

Druckeigenschaften

Es konnten keine druckfreundlichen CSS-Angaben gefunden werden.

Sprache

Gut, denn Sie haben in den META-Elementen eine Sprache deklariert: en.

Dublin Core

Diese Webseite nutzt nicht die Vorteile der Dublin Core Elemente.

Dokument

Doctype

HTML 5

Verschlüsselung

Perfekt, denn Ihre Webseite deklariert einen Zeichensatz: UTF-8.

W3C Validität

Fehler : 0

Warnungen : 0

E-Mail Datenschutz

Sehr gut, denn es wurde keine E-Mail Adresse im Klartext auf Ihrer Webseite gefunden.

Veraltetes HTML

Sehr gut! Sie verwenden aktuelle HTML Tags in Ihrem Webseitenquelltext.

Tipps zur Webseitengeschwindigkeit

Sehr gut, denn Ihre Webseite benutzt keine verschachtelten Tabellen.
Schlecht, denn es wurden CSS-Angaben in HTML-Elementen entdeckt. Diese Angaben sollten in ein entsprechendes CSS-Stylesheet verlagert werden.
Gut, denn Ihre Webseite enthält nur wenig CSS-Dateien.
Perfekt, denn Ihre Webseite enthät nur wenig Javascript-Dateien.
Gut! Sie nutzen die Vorteile von gzip.

Mobile

Mobile Optimierung

Apple Icon
META Viewport Tag
Flash Inhalt

Optimierung

XML-Sitemap

Perfekt! Ihre Seite hat eine XML-Sitemap.

https://raoulpilop.de/sitemap.xml

Robots.txt

http://raoulpilop.de/robots.txt

Sehr gut! Ihre Webseite enthält eine robots.txt-Datei.

Analytics

Fehlt

Wir haben nicht ein Analyse-Tool auf dieser Website installiert zu erkennen.

Webanalyse erlaubt die Quantifizierung der Besucherinteraktionen mit Ihrer Seite. Insofern sollte zumindest ein Analysetool installiert werden. Um die Befunde abzusichern, empfiehlt sich das parallele Verwenden eines zweiten Tools.

PageSpeed Insights

Gerät
Kategorien

Website-Überprüfung

Website-Überprüfung ist ein kostenloses SEO Werkzeug zur Analyse Ihrer Webseite