Code Monkey home page Code Monkey logo

openmindculture / kleiderordnung Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 0.0 8.55 MB

Website for Kleiderordnung Stil- und Modeberatung Düsseldorf at www.kleiderordnung-duesseldorf.de, simple single page microsite based on print designs by Vivien Kruggel, started in 2016 for a local startup.

Home Page: https://www.kleiderordnung-duesseldorf.de/

PHP 3.88% HTML 56.44% JavaScript 14.84% SCSS 24.83%
css css3 html html5 javascript kleiderordnung-duesseldorf lint onepage piwik

kleiderordnung's People

Contributors

dependabot[bot] avatar ingo-haan avatar openmindculture avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar

kleiderordnung's Issues

Brainstorming Kleiderordnung Berlin

  • kleiderordnung-berlin.de domain registry
  • based on a modern, responsive, minimal, stylish, fashionable, possibly slightly vintage blog theme
  • chose a ( 1 or 2) beautiful font(s)
  • add some up to date images
  • add up to date information
  • re-use some older material (also see /material folder of kleiderordnung-duesseldorf project)
  • integrate kleider.ordnung instagram feed ?
  • ...

Coming soon: Kleiderordnung Berlin (Content Update Juli 2022)

  • "coming soon: Kleiderordnung Berlin" als chicer Störer
  • Impressum: aktuelle Handynummer, posteo-Mailadresse
  • AGB (unter dem Kontaktformular) dto.
  • Kontaktformular ausblenden/entfernen
  • Über mich + "Hallo! Ich bin Tina Steinke."
  • update profile photography
  • link to reflecta network instead of outdated facebook profile

Performance, Accessibility, Privacy Kleiderordnung-Berlin

Kleiderordnung-Berlin should use a modern editor-friendly theme suited for a one page portfolio.
But the current evaluation theme + elementor template still has issues concerning performance, accessibility, and privacy, see InkThemes issue ##299226##

A first test in common analyzer tools (I should have done that with your demo before, but forgot to do so) shows only 37/100 in Google Page Speed - although the server is just unoptimized shared hosting and no WP cache plugin configured yet, I still would have expected at least a yellow score. Securityheaders.io gives an F but that can be fixed via .htacces file later. But I also got 88 WCAG 2.0 issues in Axe accessibility audit. Last but not least, the webfonts are not hosted locally but loaded from Google font servers which is no longer legal due to EUropean legislation.

Update: in the meantime, I have optimized some basic WP + Elementor settings, upgraded the server to PHP 8.0, and activated W3Total Cache, so now we have 57/100 at PageSpeed Insights.

How am I supposed to overcome these issues?

  • Is there a recommended configuration that we still have to apply?
    • configure colors that provide necessary contrast to comply with WCAG 2.0
    • optimize basic WP + Elementor settings
  • Any additional plugins to install?
    • configure W3 Total Cache for caching, headers, and image optimization
  • code a child theme to unload and override the problematic parts?
    • unregister external resources loading like Google fonts
    • use local fonts instead, optimized for intended glyph ranges (Latin / Western Europe)
    • reduce icon fonts etc.
  • configure additional performance and security headers using .htaccess only if necessary
  • upgrade server to PHP 8.0 (from 7.4) if supported by the theme
  • check for Elementor issues (ensure not using the buggy one, recommended version is 3.1.0, currently installed)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.