ALLES ÜBER imia_base UND WIE ES AUF WEBSITES EINGESETZT WIRD

Untersuchte Extension

imia_base

IMIA Basis für TYPO3

Merkmale

  • Statisches TypoScript mit .ts Endung (zusätzlich zu .txt)
  • Relative Includes für statisches TypoScript
  • Assetic für die Einbindung von Javascripts & Stylesheets mit Filtern:
    • Kompass & Sass/Scss/Scss
    • CssEmbed einbetten
    • Yui Kompressor

Installation

Abhängigkeiten für asseptische Filter:

java für yui und cssembed installieren

# unfrei zu debian/ubuntu debs in apt/sources.list hinzufügen

$ aptitude installieren sun-java6-jre

kompass und Kompass-Plugins installieren

$ aptitude install ruby ruby ruby rubygems

$ Edelstein-Update
$ gem install sass --pre
$ Edelstein installieren Kompass --pre

$ Edelstein installieren Kompass - h5bp

Dokumentation

Relative TypoScript-Includes

<INCLUDE_TYPOSCRIPT: source="FILE_RELATIVE: lib/setup.ts">

Assetic (TypoScript-Setup)

Allgemeine Konfiguration (Standardwerte)

config.assetic.settings {
    # Pfad zu Java
    javaPath = /usr/bin/java/java

    # Kompassfilter-Einstellungen
    kompass {
        # Pfad zum Kompass
        binPath = /var/lib/gems/1.8/bin/compass

        # Kompass-Plugins, getrennt durch Komma (,)
        # mögliche Plugins:
        # Kompass-h5bp: HTML5 Boilerplate - https://github.com/sporkd/compass-h5bp/blob/master/README.md
        plugins = Kompass - h5bp
    }

    # Cssembed Filtereinstellungen
    cssembed {
        # nicht gefundene Bilder überspringen
        überspringen = 1

        # Zeichensatz der CSS-Datei
        zeichensatz = utf-8

        # Max. Länge der base64 uris, die zu generieren sind
        max-uri-Länge = 32768

        # maximale Bildgröße des zu konvertierenden Bildes
        max-Bildgröße = 1048576
    }

    # yui_js und yui_css Filtereinstellungen
    yui {
        # Pfad zu yuicompressor.jar
        jarPath = typo3conf/ext/imia_base/Vendor/heartsentwined/yuicompressor/yuicompressor.jar
    }
}

Seitenkonfiguration

seite = SEITE
seite {
    assetic < config.assetic
    assetic {
        # assetic aktivieren, 1 = bei jedem Durchlauf kompilieren, 2 = kompiliertes js/css aus dem Cache laden
        aktiviert = 1

        javascripts {
            # Javascripts aktivieren, 1 = bei jedem Start kompilieren, 2 = kompiliertes js/css aus dem Cache laden
            aktiviert = 1

            # zu ladende Dateien, Datei oder *[.ext] (alle Dateien in einem Verzeichnis)
            dateien {
                10 = typo3conf/ext/imia_dummy/Ressourcen/Private/JS/main.js
                20 = typo3conf/ext/imia_dummy/Resources/Private/JS/vendor/*.js
            }

            # Filter, getrennt durch Komma (,)
            # mögliche Filter:
            # yui_js: Yui Compressor - http://yui.github.com/yuicompressor/
            filter =

            # Ausgabe, Cache-Datei
            output = uploads/tx_imiabase/scripts.js
        }

        stylesheets {
            # Stylesheets aktivieren, 1 = bei jedem Durchlauf kompilieren, 2 = kompilierte js/css aus dem Cache laden
            aktiviert = 1

            # zu ladende Dateien, Datei oder *[.ext] (alle Dateien in einem Verzeichnis)
            dateien {
                10 = typo3conf/ext/imia_dummy/Ressourcen/Private/SCSS/layout.scssss
                20 = typo3conf/ext/imia_dummy/Ressourcen/Private/SCSS/anbieter/*.scssss
            }

            # Filter, getrennt durch Komma (,)
            # mögliche Filter:
            # Kompass: Kompass (& Scss) - http://compass-style.org/reference/compass/
            # ¡Cssembed: CSSEmbed - https://github.com/nzakas/cssembed/blob/master/README
            # Cssrewrite: CSSRewrite - Neuschreiben von URL-Pfaden für die verschiedenen Ausgabepfade
            # yui_css: Yui Kompressor - http://yui.github.com/yuicompressor/
            filter = Kompass, eingebettet, cssembed, cssrewrite

            # Ausgabe, Cache-Datei
            output = uploads/tx_imiabase/styles.css
        }
    }
}

Benötigen Sie schnelle Hilfe mit dieser Extension? Unser Team von erfahrenen TYPO3-Entwicklern löst Probleme unkompliziert und zum Stundensatz.

Verteilung:IMIA_BASE ist auf

0.06 % aller TYPO3 installiert.

  • 0.23 % aller TYPO3 8.7.x Installationen installiert
  • 0.24 % aller TYPO3 7.6.x Installationen installiert

IMIA_BASE Version:Verteilung nach installierten Versionen

  • 25 % IMIA_BASE v.8.0.3
  • 12.5 % IMIA_BASE v.7.0.2
  • 8.33 % IMIA_BASE v.7.0.1
  • 25 % IMIA_BASE v.7.0.0
  • 8.33 % IMIA_BASE v.4.6.3
  • 4.17 % IMIA_BASE v.4.6.2
  • 4.17 % IMIA_BASE v.4.5.4
  • 12.5 % IMIA_BASE v.3.0.8

PHP Version:IMIA_BASE wird benutzt mit

  • 100000000 % PHP/5.6

responsive - image 4

Gosign-Responsive Index: TYPO3 Installationen nutzen IMIA_BASE zu

  • 87 % wenn der Gosign-Responsive-Index zwischen 80 % und 100 % ist
  • 8 % wenn der Gosign-Responsive-Index zwischen 60 % und 80 % ist
  • 0 % wenn der Gosign-Responsive-Index zwischen 40 % und 60 % ist
  • 0 % wenn der Gosign-Responsive-Index zwischen 20 % und 40 % ist
  • 0 % wenn der Gosign-Responsive-Index zwischen 0 % und 20 % ist

speed test - image 5

Pagespeed: TYPO3 Installationen nutzen IMIA_BASE zu

  • 12 % wenn der Pagespeed zwischen 80 % und 100 % ist
  • 42 % wenn der Pagespeed zwischen 60 % und 80 % ist
  • 29 % wenn der Pagespeed zwischen 40 % und 60 % ist
  • 12 % wenn der Pagespeed zwischen 20 % und 40 % ist
  • 17 % wenn der Pagespeed zwischen 0 % und 20 % ist


Stichprobe n=37656 von Gosign gecrawlte TYPO3-Seiten mit den Top-Level-Domains <.de>

Ran an die Resultate – unser Newsletter für Sie!

Damit Sie gleich Wind davon bekommen, wenn wir in unserem Magazin zu neuen Erkenntnissen kommen.