Search Results for 'css'

Christopher Simmons here you can see it yourself >> http://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fregatulunit.com%2F&tab=mobile

been testing all day :))

tired now …

i managed to get
73/Mobile 85/Desktop without tagDiv speed booster

69/Mobile 82/Desktop with tagDiv speed booster

all i need is to Eliminate render-blocking JavaScript and CSS in above-the-fold content which is in red in mobile and yellow in desktop 🙂

thanks

tried this … http://www.wpcub.com/eliminate-render-blocking-javascript-and-css-in-above-the-fold-content/

and didnt work

thanks

ok .. Im done minifying … Whats on local server

Html .. Css and js .. Now im up 2 point .. 84 desktop ;))

The only thing left i need to do is

Eliminate render-blocking JavaScript and CSS in above-the-fold content

Which i cannot find how to do it ..

Thanks

i dont want to remove anything …

All i want to know is .. How to :

#1 Eliminate render-blocking JavaScript and CSS in above-the-fold content
#2 Minify JavaScript
#3 Minify CSS

Thats all

1) remove all external loading elements like social media, advertising, recaptcha, and anything which loads css or js as part of its content; anything not part of the theme

2) use the minification tools I’ve suggested in the pagespeed sticky topic – such as online minification tools, or use the GTMetrix optimized versions provided during the site scan

Basically you need to take the CSS and JS files which PageSpeed is saying need to be minified, and then copy those from your theme directory, minify them, then save the minified version over the original.

One tool to minify the CSS is here:
http://cssminifier.com/

or
http://gpbmike.github.io/refresh-sf/

After you have your minified versions, say of style.css you would need to FTP the minified version(s) to your web site into the wp-content/themes/newspaper folder in the appropriate place.

NOTE: you need to clear all caching, turn OFF caching, and then upload the optimized versions, so that the new versions get cached not the old ones.

3) see 2

If you have a page speed of “82”
then be sure to
1) have faster web hosting account
2) ensure that gzip/deflate are working on your server (mandatory!)
3) enable expires headers (mandatory!)
4) optimize your images

All of this is well covered in the PageSpeed sticky topic in the forum. Optimization of your server, content, and htaccess or nginx config files are not part of the theme.

There is no way for you to optimize external content such as AdSense, AddThis, Recaptcha, Disqus, etc. which are not being served on your actual site.

For max speed you will need to use web safe fonts (not Google fonts), and then comment out the fonts in your functions.php file.

• This reply was modified 12 years by simchris.

according to yslow my site get:
Grade C Overall performance score 76

Grade F on Make fewer HTTP requests:
This page has 17 external Javascript scripts. Try combining them into one.
This page has 15 external stylesheets. Try combining them into one.
This page has 10 external background images. Try combining them with CSS sprites.

Grade C on Reduce DNS lookups:
The components are split over more than 4 domains

hi,

in my example I’m ussing module 3 : http://screencast.com/t/4I9HuhLWArf5

http://screencast.com/t/5892NaHn

result : http://screencast.com/t/Ej2CF37Xg

then use this css :

.meta-info .td-block-author {
  display: block;
}

I know that the date should be above but it needs more tuning, not just 5 min.
if you are not a developer then I advice you to hire one.

hope this help.

Thanks for you message.
Radu A.

here: http://screencast.com/t/hr1q0xmlb

Good to hear, in the meantime i found a workaround. i inserted a new row (above the row with the missing title), added the “plain html element”, put my <h4>headline there, did some css and it worked 😉

but of course i am happy that there is an update coming, fixing this the right way!

Great, one more thing I’ve noticed.. Lot’s of “No p element in scope but a p end tag seen.” when using “Text with title”. After I manually added <p>…</p>, it validated with no errors.
Love your speed booster, but when enabled, Gravity Forms dissapear from entire site.
Ok, waiting for the next version! 😉

hi,
is not possible to have different modules for desktop view and mobile view, those modules comes from the server (from php), and on your devices are rearrange using css.

Thanks for you message.
Radu A.

hi,
replace the xxx with the number that you have : http://screencast.com/t/tWadvdDPQ

use this css : `
.menu-item-xxx {
background-color: blue;
}`

here : http://screencast.com/t/w5dgnbv4

the background colors can be added also like : #ffff00 (this is yellow)

Thanks for you message.
Radu A.

The only problem I found by adding this to custom CSS is that it fails validation because it is placed in the <body> section.
This is the error I get:
Element style not allowed as child of element body in this context. (Suppressing further errors from this subtree.)

sal,

pai am folosit css

/*top right social spatiu width*/
.td-social-wrap .td_mod_wrap {
    float: right;
    line-height: 20px;
    width: 230px;
}

problema este ca acum dupa ce am schimbat de la 1170px la 980px …sunt probleme si cu search din forum … cand intru de pe mobil…

deasemenea si cu mega menu… e mult prea mare fata de pagina principala … (980px)

merci.

hi,
the theme doesn’t have an option for the height of the mega menu.

this is the file where the css for mega-menu is written : http://screencast.com/t/4tfNYBqs7cE

what ever changes you want to do, do it in that file.

Thanks for you message.
Radu A.