Typo3 - HTML Code optimieren

Inline CSS auslagern

config.inlineStyle2TempFile = 1

Mehrere Stylesheets in Seite einbinden

Um mehrere Stylesheets in eine Seite einzubinden, ist folgender Code im Setup des Templates notwendig

page.includeCSS {
  file1 = fileadmin/styles/basic.css
  file2 = fileadmin/styles/basic2.css
}

Um beispielsweise eine CSS-Datei für die Druckausgabe dort hinzuzufügen, ergänzt man das Setup wie folgt

  file2.title = Drucken
  file2.media = print

Prüfen...

Kommentare im Quelltext abschalten

tt_content {
  # remove comment for content elements
  stdWrap.prefixComment =
  # remove comment for text elements
  text.20.prefixComment =
  # remove comment for bullet lists
  bullets.20.stdWrap.prefixComment =
  # remove comment for tables
  table.20.stdWrap.prefixComment =
  # remove comment for images
  image.20.stdWrap.prefixComment =
  # remove comment for headers
  header.20.stdWrap.prefixComment =
}

oder einfach:

config.disablePrefixComment = 1

manches bleibt denoch stehen

JavaScript auslagern

config.removeDefaultJS = external

entfernt das Blur Script

Zusätzliche Header Einträge

z.B.

page.headerData.10 = TEXT
page.headerData.10.value= <script language="JavaScript" src="*.js"></script>

HTML-Tidy

Todo

Abstände von Elementen

tt_content.image.20.spaceBelowAbove = 0
# entfernt 1-pixel clear.gif über jedem Bild mit Text
tt_content.textpic.20.noStretchAndMarginCells = 1
# entfernt 1-pixel clear.gif über jedem Bild
tt_content.image.20.noStretchAndMarginCells = 1
tt_content.textpic.20.noStretchAndMarginCells = 1

tt_content.image.20.spaceBelowAbove = 0
tt_content.header.stdWrap.space = 0|0
tt_content.stdWrap.space = 0|0
tt_content.stdWrap.spaceBefore = 0
tt_content.stdWrap.spaceAfter = 0
lib.stdheader.stdWrap.space = 0|0