TrennwandRink
New member
Hallo,
ich habe "anscheinend" ein Problem mit dem richtigen Einbinden von javascript-Files.
Derzeit arbeite ich einer neuen Version unserer Firmen-Homepage, mit einem moderneren Unterbau.
Im Zuge dessen teste ich die Seiten immer mal wieder mit "Google Page Speed Insights".
Dabei bin ich auf ein äußerst merkwürdiges Problem gestossen, welches mir mittlerweile sehr viele Stunden Kopfzerbrechen bereitet hat.
Und zwar meckert Google in der neuen Version über die javascripts und in der alten Version nicht, dabei verwende ich zum Teil die gleichen Scripts und den gleichen Sourcecode.
Im Detail sieht das dann so aus.
ALTE SEITE
https://developers.google.com/speed/pagespeed/insights
Ergebnis:
Sourcecode:
NEUE SEITE
https://developers.google.com/speed/pagespeed/insights
Ergebnis:
Sourcecode:
So, und jetzt verstehe ich die Welt einfach nicht mehr.
2 x dicke Probleme sehe ich:
1.
Warum meckert Google bei der neuen Version über die Einbindung der javascript-Files?
Ich habe sie genauso eingebunden wie bei der alten Version (und da war alles okay laut Google) und das jquery-script ist sogar das (fast) gleiche.
Ich verstehe es nicht ....
2.
Warum meckert Google bei der neuen Version auch noch über das Einbinden des Web-Fonts?
Bei der alten Version war es okay, bei der neuen soll es behoben werden?
Ich bin komplett überfragt und wäre über jede Hilfe extrem dankbar.
Bitte, gebt mir Tips ...
Grüße
Chris
ich habe "anscheinend" ein Problem mit dem richtigen Einbinden von javascript-Files.
Derzeit arbeite ich einer neuen Version unserer Firmen-Homepage, mit einem moderneren Unterbau.
Im Zuge dessen teste ich die Seiten immer mal wieder mit "Google Page Speed Insights".
Dabei bin ich auf ein äußerst merkwürdiges Problem gestossen, welches mir mittlerweile sehr viele Stunden Kopfzerbrechen bereitet hat.
Und zwar meckert Google in der neuen Version über die javascripts und in der alten Version nicht, dabei verwende ich zum Teil die gleichen Scripts und den gleichen Sourcecode.
Im Detail sieht das dann so aus.
ALTE SEITE
https://developers.google.com/speed/pagespeed/insights
Ergebnis:
Code:
Ihre Seite enthält 3 blockierende CSS-Ressourcen. Dies verursacht eine Verzögerung beim Rendern Ihrer Seite.
...
...
Optimieren Sie die CSS-Darstellung für die folgenden URLs:
http://www.trennwand-rink.de/…nburns/themes/neutral_light/skin.min.css
http://www.trennwand-rink.de/css/idangerous.swiper.css
http://www.trennwand-rink.de/css/style.cssSourcecode:
Code:
<!DOCTYPE HTML>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="robots" content="index,follow">
<meta name="author" content="Rink GmbH, 35576 Wetzlar">
<meta name="keywords" content="Rink Wetzlar, Rink GmbH, Rink Trennwände, Trennwände, Schrankbau, Innenausbau, Schreinerei, WC Trennwände, Möbelbau, Trennwandsysteme, Systemtrennwände, Einbauschränke, Lohnfertigung">
<meta name="description" content="Rink GmbH Wetzlar - seit über 60 Jahren Ihre verlässliche Schreinerei in alle Fragen rund um Trennwände, Schrankbau und den Möbelbau bzw. Innenausbau.">
<title>Rink GmbH Wetzlar - seit über 60 Jahren Ihre verlässliche Schreinerei in alle Fragen rund um Trennwände, Schranksysteme und den Möbel- bzw. Innenausbau.</title>
<!--[if lt IE 9]>
<script src="js/html5shiv.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="js/pe.kenburns/themes/neutral_light/skin.min.css" />
<link rel="stylesheet" type="text/css" href="css/idangerous.swiper.css">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:400,700,600s" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.bgpos.js"></script>
<script type="text/javascript" src="js/pe.kenburns/jquery.pixelentity.kenburnsSlider.min.js"></script>
<script type="text/javascript" src="js/idangerous.swiper.js"></script>
<script type="text/javascript">
<!--
$(function(){
$('nav a')
.css( {backgroundPosition: "0 0"} )
.mouseover(function(){$(this).stop().animate({backgroundPosition:"(0 -450px)"}, {duration:350})})
.mouseout(function(){$(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:350})})
});
//-->
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-26006723-2', 'auto');
ga('require', 'displayfeatures');
ga('send', 'pageview');
</script>
<style type="text/css">
.peKenBurns {height: 275px;}
</style>
<script>
jQuery(function($){
$(".peKenBurns").peKenburnsSlider()
})
</script>
</head>NEUE SEITE
https://developers.google.com/speed/pagespeed/insights
Ergebnis:
Code:
Ergebnis:
Ihre Seite enthält 4 blockierende Skript-Ressourcen und 4 blockierende CSS-Ressourcen. Dies verursacht eine Verzögerung beim Rendern Ihrer Seite.
...
...
Entfernen Sie JavaScript, das das Rendering blockiert:
http://test.trennwand-rink.de/js/jquery-2.1.4.min.js
http://test.trennwand-rink.de/js/bootstrap.min.js
http://test.trennwand-rink.de/js/kenburns.js
http://test.trennwand-rink.de/js/swiper.jquery.min.js
Optimieren Sie die CSS-Darstellung für die folgenden URLs:
http://test.trennwand-rink.de/css/bootstrap.min.css
http://test.trennwand-rink.de/css/main.css
http://test.trennwand-rink.de/css/swiper.min.css
https://fonts.googleapis.com/css?family=Roboto:400,300,500,700Sourcecode:
Code:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name=viewport content="width=device-width, initial-scale=1">
<meta name="robots" content="index,follow">
<meta name="author" content="Rink GmbH, 35576 Wetzlar">
<meta name="keywords" content="Rink Wetzlar, Rink GmbH, Rink Trennwände, Trennwände, Schrankbau, Innenausbau, Schreinerei, WC Trennwände, Möbelbau, Trennwandsysteme, Systemtrennwände, Einbauschränke, Lohnfertigung">
<meta name="description" content="Rink GmbH Wetzlar - seit über 60 Jahren Ihre verlässliche Schreinerei in alle Fragen rund um Trennwände, Schrankbau und den Möbelbau bzw. Innenausbau.">
<title>Rink GmbH Wetzlar - seit über 60 Jahren Ihre verlässliche Schreinerei in alle Fragen rund um Trennwände, Schranksysteme und den Möbel- bzw. Innenausbau.</title>
<meta property="og:title" content="Schreinerei Rink GmbH Wetzlar" />
<meta property="og:url" content="http://www.trennwand-rink.de/" />
<meta property="og:site_name" content="Rink GmbH"/>
<meta property="fb:admins" content="480971195258702" />
<meta property="fb:page_id" content="480971195258702" />
<meta property="og:description" content="Seit über 60 Jahren Ihre verlässliche Schreinerei in alle Fragen rund um Trennwände, Schranksysteme und den Möbel- bzw. Innenausbau." />
<!-- gemeinsame minify CSS-Datei -->
<!--<link rel="stylesheet" type="text/css" href="css/min.css">-->
<!-- Bootstrap Core CSS -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<!-- Custom CSS -->
<link rel="stylesheet" type="text/css" href="css/main.css">
<!-- Addon - swiper -->
<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
<!-- Fonts -->
<link href='https://fonts.googleapis.com/css?family=Roboto:400,300,500,700' rel='stylesheet' type='text/css'>
<!-- jquery -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<!-- bootstrap -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- KenBurns Effekt (große Bilder) -->
<script type="text/javascript" src="js/kenburns.js"></script>
<!-- Swiper (kleine Bildergalerie) -->
<script type="text/javascript" src="js/swiper.jquery.min.js"></script>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Google Analytics -->
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-26006723-2', 'auto');
ga('require', 'displayfeatures');
ga('send', 'pageview');
</script>
<script async src='//www.google-analytics.com/analytics.js'></script>
<!-- End Google Analytics -->
</head>So, und jetzt verstehe ich die Welt einfach nicht mehr.
2 x dicke Probleme sehe ich:
1.
Warum meckert Google bei der neuen Version über die Einbindung der javascript-Files?
Ich habe sie genauso eingebunden wie bei der alten Version (und da war alles okay laut Google) und das jquery-script ist sogar das (fast) gleiche.
Ich verstehe es nicht ....
2.
Warum meckert Google bei der neuen Version auch noch über das Einbinden des Web-Fonts?
Bei der alten Version war es okay, bei der neuen soll es behoben werden?
Ich bin komplett überfragt und wäre über jede Hilfe extrem dankbar.
Bitte, gebt mir Tips ...
Grüße
Chris
