[Résolu] Frühlingsputz und Optimierung der Webseite

[Auteur]

Publications

[marcelB-4]

My issue is resolved now. Thank you!

[Beda]

Hey Marcel, cool dass nun alles funktioniert.

Es gibt noch ein paar dinge welche ich empfehle/helfen könnte/zu tun sind.

1. Optimierung des Custom Codes den ich eingesetzt habe.
==> Habe das schon gemacht, der PHP Code in Toolset > Einstellungen > Benutzerdefinierter Code ist nun sehr ausführlich kommentiert und optimiert.

2. Unsichere Inhalte auf der Website
==> Bitte siehe den Screenshot. Ich sehe das immer wenn ich Einlogge und es ist unerwartet. Der browser wart mich vor unsicheren Inhalten, was nicht gut ist.
Dies ist nicht wegen Toolset aber wahrscheinlich ein gemixter Inhalt (http anstatt https oder so)
Um dies zu lösen, muss ich eine lokale test Seite haben (exakte Kopie deiner Seite) um zu sehen was hier passiert und es anzupassen.
Kannst Du eine Kopie der Seite senden, oder online erstellen (auf einer zweiten, test Seite) damit wir das anschauen können?

3. Plugins die wahrscheinlich nicht gebraucht werden, wo ich aber nicht sicher bin ob Du sie wirklich nicht brauchst. Bitte überprüfe ob Du sie brauchst (vielleicht auf einer test Seite) damit man sie gegebenenfalls deaktivieren und löschen kann
Je weniger Plugins desto besser.
- Advanced Custom Fields - kann vermutlich mit Toolset Types ersetzt werden (dessen Inhalte)
- Amazing Hover Effects Pro - nur behalten falls gebraucht
- Duplicate Page and Post - nur behalten falls gebraucht
- Duplicator - gut zu haben muss aber nur aktiv sein wenn Du Kopien der Seite erstellen willst so wie oben in #2
- Envira Gallery - Ich nehme an dies brauchst Du oft. Kann nicht ganz einfach mit Toolset Views ersetzt werden, also besser behalten
- Jetpack von WordPress.com - würd ich nie gebrauchen, ausser Du hast ganz spezifische gründe dazu. Dieses Plugin ist zwar von WordPress ist aber extrem gross und oft nicht nötig. Kommt drauf an was Du damit tust
- MetaSlider - seit Du bereits Envira Gallery brauchst, könnte sein dies ist nicht nötig
- TinyMCE Advanced - ausser gute gründe es zu brauchen würd Ichs nicht installieren. Zu viele Konflikt Möglichkeiten.
- Toolset Access - notwendig da Du user kontrollieren willst "was wer tun kann"
- Toolset Advanced Export - nicht nötig da Du nichts exportierst / importierst von verschiedenen Seiten.
- Toolset Forms - ausser Du planst in Zukunft die front end formen kann's im moment deaktiviert werden
- Toolset Forms Commerce - ungebraucht da Du WooCommerce nicht installiert hast. Kann entfernt werden
- Toolset Framework Installer- kann entfernt werden da dies nur für neue Seiten ist wo Du ein start kit brauchst
- Toolset Layouts - gebraucht, nicht deaktivieren
- Toolset Layouts Migration - ungebraucht kann entfernt werden
- Toolset Maps - Ich sah keine karten auf der Seite, somit wahrscheinlich ungebraucht und kann entfernt werden.
- Toolset Module Manager - genau wie "Framework installer" dies ist gut um start kits an website teilen schnell herunterzuladen und deine Arbeit zu erleichtern anstatt alles immer von null auf zu codieren. Ungebraucht im Moment, kann deaktiviert werden.
- Toolset Types - gebraucht, nicht deaktivieren
- Toolset Views - gebraucht, nicht deaktivieren
- Toolset WooCommerce Views - Ungebraucht da Du WooCommerce nicht brauchst. Kann entfernt werden

4. Etliche JS Fehler in der Konsole, siehe zweiter screenshot
Auch her muss man lokal auf einer Kopie der Seite schauen woher die kommen damit man sie lösen kann.
Mehrere werden weg sein wenn erst mal #3 durchgearbeitet ist
Andere werden weiterhin da sein, da kann ich nur mit einer lokalen Kopie weiterhelfen

5. Lokale kopie
Wie im anderen thread erklärt kann Ich das ZIP welches "Duplicator" erstellte nicht herunterladen.
Bitte frag Dein Server Admin ob die das lösen können damit wir ne Kopie erstellen können.

Nachdem dies getan wurde erwarte ich eine erheblich schnellere website, da etlicher ungebrauchter code entfernt sein wird und gewisse Fehler behoben sein werden.
Dies wird auch deine Besucher erfreuen

Lass mich wissen ob etwas unklar ist, und mach immer ein gutes backup der Seite von nun an BEVOR Du irgendwas änderst so wie plugins deaktivieren, etc.
Dies wird es Dir ermöglichen die Seite wiederherzustellen wenn was schief geht.
Plugins um dies zu tun sind Duplicator, All In One Migration, Backup Buddy, etc.

Bis später!

[marcelB-4]

Herzlichen Dank!

Die Plugins habe ich abgearbeitet. Zudem habe ich meinem Provider geschrieben wegen einer exakten Kopie der Webseite.

[Beda]

Cool, Ich sehe die nummer an fehlern ist nun kleiner.

1. Du hast offenbar ein Favicon gelinkt das HTTP brauch anstatt HTTPS.
Dies produziert langsame websiten und diesen fehler:
Mixed Content: The page at 'lien caché' was loaded over HTTPS, but requested an insecure favicon 'lien caché'. This request has been blocked; the content must be served over HTTPS.

Ich würde vorschalgen das Favicon auf HTTPS zu aktualieseren.
Toolset kann damit nicht helfen, aver der Server Admin kann, falls Du nicht weisst wie das geht

2. Obiger punkt #1 ist wahrscheinlich, aber nicht sicher, auch der grund für die warnung die ich oben in #2 erwähne

3. Ich sehe dass du viele plugins entfernt hast. Alles funktionert noch wie gehabt?
==> Wie gesagt, immer erst backups machen da ja jetzt alles funktioniert.

Ich werd auf deine news vom provider warten.

[marcelB-4]

Könntest du das mit Favicon noch einmal anschauen?

Ich habe nun das Plugin All-in-One Migration runtergeladen und so den Dublicator ersetzt. Auch damit klappt es nicht.
Im Moment lade ich alle Daten manuel via FTP runter. Aber das kann es nicht sein. Dies muss anders machbar sein (mit dem Plugin) und deshalb habe ich den Provider angeschrieben.

[Beda]

Das problem mit dem favicon ist immer noch da
Navigiere zum dashboard, öffen die Browser Console (in google chrome maus-rechtsklick und "untersuchen")
Da siehts Du den fehler:

Mixed Content: The page at '<em><u>lien caché</u></em>' was loaded over HTTPS, but requested an insecure favicon '<em><u>lien caché</u></em>'. This request has been blocked; the content must be served over HTTPS.

Wir können da leider nicht helfen, das sind site/server bezogene dinge.
Es scheint Du lädst ein favicon mit 'lien caché anstatt 'lien caché

Danke - und bitte lass ich wissen wenn der Provider sich meldet

[Beda]

Ich sehe hier übrigens etwas:
lien caché
Da hat es ein shortcode, der nun nicht mehr exekutiert wird:
lien caché
Der ist vom "MetaSlider" plugin das ich oben als eventuell unnötig aufführte:
Metaslider - seit Du bereits Envira Gallery brauchst, könnte sein dies ist nicht nötig

Es scheint dass Du den slider doch bruachtest?
Dann müsste das plugin natürlich bleiben, oder den slider in eine Envira Gallery umgesetzt werden oder gar eine View.
Deshalb erwähnte Ich, "könnte sein dies ist nicht nötig". Nur wo Ich selbst sicher bin, dass es nicht nötig ist, habe ich "ungebraucht kann entfernt werden" erwähnt, da sowas gute überprüfungen braucht um sicherzustellen dass das plugin echt nirgends gebraucht wird.

[marcelB-4]

Wie kann ich das Bild mit einer view machen?
So dass es dann auf jeder Seite angezeigt wird.

[Beda]

Der fehler mit dem mixed content (favicon das HTTP brauchte) scheint nun auch gelöst.

Ich sehe auch keine JS fehler mehr.

Der unsichere inhalt (warnung) ist auch weg.

Gute arbeit!

Das bild sehe Ich hast Du bereits mit envira-gallery neu erstellt.
Merkst Du dass die seite nun schneller lädt?
Hier (langsame internet verbindung) merkt man das sehr gut.

Ich denke, das ist es dann fürs erste!

Ich stehe zu allfälligen fragen immer zur verfügung.

[marcelB-4]

Das Problem lag an den eigenen CSS Codes, die ich via Theme erstellt hatte.
Habe diese alle entfernt und nur ein neuer mit den Zellenhöhen erstellt.

Ja, die Seite lädt deutlich schneller.
Jetzt fehlt es nur noch an einem Problem.
Ausser du hast eine Idee, wie ich Felder ohne Inhalt ausblenden kann.

[Beda]

Felder ohne inhalt können üblicherweise mit HTML conditional versteckt werden.
https://toolset.com/documentation/user-guides/conditional-html-output-in-views/

Das heisst, Du würdest die ShortCodes in obig erwähnten bedingungen einfügen damit nur nicht-leer felder gezeigt werden.

Im falle Du ein beispile brauchst, bitte linke mit der exakten seite, feld und view oder layout wo es eingefügt wurde.

[marcelB-4]

Es geht um die Trikot Farben, die mit einem Quadrat angezeigt werden.
Jedoch immer alle vier Quadrate, auch wenn kein Code drin ist:

lien caché

[Beda]

https://toolset.com/documentation/user-guides/conditional-html-output-in-views/checking-fields-and-other-elements-for-emptynon-empty-values/

Das wird mit dem code gemacht:

[wpv-conditional if="( empty($(wpcf-DEIN_FELD_SLUG_HIER)) )"] ShortCode Hier [/wpv-conditional]

Zum beispiel für das trikot farbe:

<td style="width: 20.4773%; height: 55px;"><strong><span style="font-size: 14pt;">Vereinsfarben:</span></strong></td>
<td style="width: 19.7614%; height: 55px;"><span style="font-size: 14pt;">[types field='vereinsfarben'][/types]</span></td>

Bekommt:

<td style="width: 20.4773%; height: 55px;"><strong><span style="font-size: 14pt;">Vereinsfarben:</span></strong></td>
<td style="width: 19.7614%; height: 55px;"><span style="font-size: 14pt;">[wpv-conditional if="( NOT(empty($(wpcf-vereinsfarben))) )"] [types field='vereinsfarben'][/types] [/wpv-conditional]</span></td>

Trikot farben können aber nicht so editiert werden da Du sie nicht als felder im Layout einfügst.
Das wird stattdessen in dem inhaltstemplate gemacht hier:
lien caché
Da muss nun dasselbe wie oben getan werden, also eine bedingung auf das feld applizieren.

Zum beispiel:

[wpv-conditional if="( $(wpcf-color_picker_1) ne '' )"]<div class="foo" style="background-color:[types field='color_picker_1'][/types]"></div>
  <div class="foo2" style="background-color:[types field='color_picker_2'][/types]"></div>
  <div class="foo3" style="background-color:[types field='color_picker_3'][/types]"></div>
  <div class="foo4" style="background-color:[types field='color_picker_4'][/types]"></div>[/wpv-conditional]

Das kann alles mit dem Button "Bedingte Ausgabe" eingefügt werden.

Danke!

[marcelB-4]

Etwas zu hoch für mich.

Ist aber nicht so wichtig.

[Beda]

Probiers mal mit dem code den Ich hier geteilt habe.

[wpv-conditional if="( $(wpcf-color_picker_1) ne '' )"]<div class="foo" style="background-color:[types field='color_picker_1'][/types]"></div>
  <div class="foo2" style="background-color:[types field='color_picker_2'][/types]"></div>
  <div class="foo3" style="background-color:[types field='color_picker_3'][/types]"></div>
  <div class="foo4" style="background-color:[types field='color_picker_4'][/types]"></div>[/wpv-conditional]

Der funktioniert aufs erste.
Dann, kannst Du es genau studieren und anderswo auch gebrauchen 😉