Hallo,
was bezig met me website burs sorgulama ..
Bij Google Pagespeed krijg ik een foutmelding van ;
CSS in de hoofdtekst heeft een negatief effect op de renderingsprestaties.
http://burssorgulama.com/ bevat CSS in de documenttekst:
Linknode http://burssorgulama.com/.../style.css?... moet naar de documentheader worden verplaatst.
http://burssorgulama.com/wp-content...hemaorg-rich-snippets/css/style.css?ver=3.7.1
En dit is de style.css; (ik weet niet wat ik nu ermee moet doen wat ik waar moet verplaatsen kan iemand me ermee helpen? hoe kan ik dit oplossen?
@charset "utf-8";
/* CSS Document For Styling the Rich Snippets Data*/
table #tbl-rich-snippet {
width:100%;
}
tr .tbl-bsf-tr{
border:1px dotted #ddd;
}
td .tbl-bdf-td{
padding:5px;
}
.tbl-img{
width:170px;
}
.tbl-addrs-tr{
border:0px;
}
.rating-value {
display:none;
}
.rating-count {
font-weight:bold;
}
#snippet-box {
background: #F0F0F0;
background: linear-gradient(top, #FFF 50%, #E7E7E7 100%);
background: -o-linear-gradient(top, #FFF 50%, #E7E7E7 100%);
background: -moz-linear-gradient(top, #FFF 50%, #E7E7E7 100%);
background: -webkit-linear-gradient(top, #FFF 50%, #E7E7E7 100%);
background: -ms-linear-gradient(top, #FFF 50%, #E7E7E7 100%);
border: 1px solid #ACACAC;
font-family:inherit;
font-size: 13px;
padding: 0;
margin: 0 0 15px 0;
float: left;
width: 600px;
clear: both;
}
.snippet-markup {
float: left;
clear: both;
width: 100%;
}
.snippet-title {
font-family:inherit;
font-size: 14px;
font-weight: bold;
background: #D5D2CA;
background: linear-gradient(top, #D5D2CA 80%, #EBEAE8 100%);
background: -o-linear-gradient(top, #D5D2CA 80%, #EBEAE8 100%);
background: -moz-linear-gradient(top, #D5D2CA 80%, #EBEAE8 100%);
background: -webkit-linear-gradient(top, #D5D2CA 0%, #EBEAE8 100%);
background: -ms-linear-gradient(top, #D5D2CA 80%, #EBEAE8 100%);
border-bottom: 1px solid #ACACAC;
clear: both;
padding: 0.5em 0 0.5em 1%;
width: 99%;
float: left;
}
.snippet-label {
width: 25%;
float: left;
clear: both;
text-align: right;
font-size: 13px;
font-weight: bold;
margin: 0 2% 0 0;
padding: 0.4em 2%;
}
.snippet-data {
width: 65%;
float: left;
padding: 0.4em 2%;
}
.snippet-data-img {
width: 56%;
float: left;
padding: 0.4em 2%;
}
.snippet-image {
float: left;
min-height: 190px;
width: 200px;
}
.snippet-image img {
border: 2px solid #FFF;
box-shadow: 0px 0px 5px #D5D2CA;
-webkit-transition: all 400ms ease-in;
-moz-transition: all 400ms ease-in;
-o-transition: all 400ms ease-in;
transition: all 400ms ease-in;
margin: 10px auto;
display: block;
}
.snippet-map {
width: 100%;
height: 320px;
border: 1px solid #CCC;
}
#snippet-box iframe {
width: 90%;
margin: 0 auto;
display: block;
}
.ratings {
float: right;
margin-right: 10px;
}
.star-blocks {
background:#FFF;
}
#dragContainer {
top: 65px !important;
}
.aio-star
{
float: left;
clear: none;
color: rgb(255, 217, 13);
text-shadow: 1px 1px 1px rgb(138, 127, 64);
letter-spacing: 0.2em;
}
.star-rating-control {
margin-top: 0.3em;
float: left;
}
.star-img img {
box-shadow: none;
margin: -2px 2px;
border: none !important;
padding: 0 !important;
}
.snippet-label-img {
width: 37%;
float: left;
clear: right;
text-align: right;
font-size: 13px;
font-weight: bold;
margin: 0 1% 0 0;
padding: 0.4em 1%;
}
.aio-info {
width: 400px;
float: left;
}
.snippet-clear { clear:both;}
/*********************************************************** Media queries **********************************************/
/* =Responsive Structure
----------------------------------------------- */
@media (max-width: 855px)
{
#snippet-box {
width:100%;
}
.snippet-title
{
width:96%;
padding: 0.5em 0 0.5em 4%;
}
.snippet-image {
min-height: 50px;
margin: 0 0 15px 0;
width: 100%;
float: left;
clear:both;
}
.aio-info
{
width: 100%;
float:left;
clear: both;
}
}
@media (max-width: 650px)
{
}
@media (max-width: 480px)
{
}
@media (max-width: 450px)
{
}
@media (max-width: 320px)
{
}
was bezig met me website burs sorgulama ..
Bij Google Pagespeed krijg ik een foutmelding van ;
CSS in de hoofdtekst heeft een negatief effect op de renderingsprestaties.
http://burssorgulama.com/ bevat CSS in de documenttekst:
Linknode http://burssorgulama.com/.../style.css?... moet naar de documentheader worden verplaatst.
http://burssorgulama.com/wp-content...hemaorg-rich-snippets/css/style.css?ver=3.7.1
En dit is de style.css; (ik weet niet wat ik nu ermee moet doen wat ik waar moet verplaatsen kan iemand me ermee helpen? hoe kan ik dit oplossen?
@charset "utf-8";
/* CSS Document For Styling the Rich Snippets Data*/
table #tbl-rich-snippet {
width:100%;
}
tr .tbl-bsf-tr{
border:1px dotted #ddd;
}
td .tbl-bdf-td{
padding:5px;
}
.tbl-img{
width:170px;
}
.tbl-addrs-tr{
border:0px;
}
.rating-value {
display:none;
}
.rating-count {
font-weight:bold;
}
#snippet-box {
background: #F0F0F0;
background: linear-gradient(top, #FFF 50%, #E7E7E7 100%);
background: -o-linear-gradient(top, #FFF 50%, #E7E7E7 100%);
background: -moz-linear-gradient(top, #FFF 50%, #E7E7E7 100%);
background: -webkit-linear-gradient(top, #FFF 50%, #E7E7E7 100%);
background: -ms-linear-gradient(top, #FFF 50%, #E7E7E7 100%);
border: 1px solid #ACACAC;
font-family:inherit;
font-size: 13px;
padding: 0;
margin: 0 0 15px 0;
float: left;
width: 600px;
clear: both;
}
.snippet-markup {
float: left;
clear: both;
width: 100%;
}
.snippet-title {
font-family:inherit;
font-size: 14px;
font-weight: bold;
background: #D5D2CA;
background: linear-gradient(top, #D5D2CA 80%, #EBEAE8 100%);
background: -o-linear-gradient(top, #D5D2CA 80%, #EBEAE8 100%);
background: -moz-linear-gradient(top, #D5D2CA 80%, #EBEAE8 100%);
background: -webkit-linear-gradient(top, #D5D2CA 0%, #EBEAE8 100%);
background: -ms-linear-gradient(top, #D5D2CA 80%, #EBEAE8 100%);
border-bottom: 1px solid #ACACAC;
clear: both;
padding: 0.5em 0 0.5em 1%;
width: 99%;
float: left;
}
.snippet-label {
width: 25%;
float: left;
clear: both;
text-align: right;
font-size: 13px;
font-weight: bold;
margin: 0 2% 0 0;
padding: 0.4em 2%;
}
.snippet-data {
width: 65%;
float: left;
padding: 0.4em 2%;
}
.snippet-data-img {
width: 56%;
float: left;
padding: 0.4em 2%;
}
.snippet-image {
float: left;
min-height: 190px;
width: 200px;
}
.snippet-image img {
border: 2px solid #FFF;
box-shadow: 0px 0px 5px #D5D2CA;
-webkit-transition: all 400ms ease-in;
-moz-transition: all 400ms ease-in;
-o-transition: all 400ms ease-in;
transition: all 400ms ease-in;
margin: 10px auto;
display: block;
}
.snippet-map {
width: 100%;
height: 320px;
border: 1px solid #CCC;
}
#snippet-box iframe {
width: 90%;
margin: 0 auto;
display: block;
}
.ratings {
float: right;
margin-right: 10px;
}
.star-blocks {
background:#FFF;
}
#dragContainer {
top: 65px !important;
}
.aio-star
{
float: left;
clear: none;
color: rgb(255, 217, 13);
text-shadow: 1px 1px 1px rgb(138, 127, 64);
letter-spacing: 0.2em;
}
.star-rating-control {
margin-top: 0.3em;
float: left;
}
.star-img img {
box-shadow: none;
margin: -2px 2px;
border: none !important;
padding: 0 !important;
}
.snippet-label-img {
width: 37%;
float: left;
clear: right;
text-align: right;
font-size: 13px;
font-weight: bold;
margin: 0 1% 0 0;
padding: 0.4em 1%;
}
.aio-info {
width: 400px;
float: left;
}
.snippet-clear { clear:both;}
/*********************************************************** Media queries **********************************************/
/* =Responsive Structure
----------------------------------------------- */
@media (max-width: 855px)
{
#snippet-box {
width:100%;
}
.snippet-title
{
width:96%;
padding: 0.5em 0 0.5em 4%;
}
.snippet-image {
min-height: 50px;
margin: 0 0 15px 0;
width: 100%;
float: left;
clear:both;
}
.aio-info
{
width: 100%;
float:left;
clear: both;
}
}
@media (max-width: 650px)
{
}
@media (max-width: 480px)
{
}
@media (max-width: 450px)
{
}
@media (max-width: 320px)
{
}