Search Results for 'optimize'

@fabriciosahdo
I don’t work here, just trying to be helpful.

No theme can help you optimize your hosting, or web server setup. No theme can optimize the content you’re uploading automatically. No theme can customize the settings needed for your htaccess or nginx config file. These are things YOU need to do in optimizing your or any WordPress-based website.

Just like the demo shows an example of how your site might look, YOU still have to configure it to your needs.

A theme is only a set of content styles running on top of your WordPress install, which is running on top of your domain account, which is running on top of the web server setup.

You should contact the theme developer for any refund issues.

You may want to hire a WordPress developer if many of the elements of managing a WordPress site are new to you. You should definitely explore how PageSpeed works for a better understanding of what is involved, as you will need to optimize your system with *any* theme you choose to use.

• This reply was modified 12 years by simchris.

@fabriciosahdo

you need to optimize your site for optimized images, caching, use the tagdiv speed booster plugin, expires headers, etc. The theme cannot fix your content or your website or hosting, these are things you need to do.

See the documentation, and also read through this entire thread to get a better understanding on how you can improve your site performance.

https://forum.tagdiv.com/how-to-make-the-site-faster/

Optimize all your images; when uploaded, using plugin to compress thumbs, and/or set the compression level in the functions.php file.

Limit loading of offline elements.

Make sure your host is using compression such as gzip or deflate.

Best place to start 🙂

I have managed to handle them.
For the slider, just added one more post then slider appeared on homepage, no problem.

for the image, reuploaded the image after enabling cropping.

Everything is fine now.

Just a little question. my pagespeed is 97(mobile) and 88. Of course I wanna keep them, but after the images, google wants me to optimize them. I was wondering if I could get them from ftp and compress then reupload. It would be okay, wouldnt it?

Remove render-blocking JavaScript:
http://www.thenerdmag.com/…8a9607354adbff25f.js?m=1400337905&01f91d
Optimize CSS Delivery of the following:
http://www.thenerdmag.com/…5699f73ed8f23187.css?m=1400337951&01f91d

http://fonts.googleapis.com/css?family=Open+Sans%3A300%2C400%2C600%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=3.9.1

http://fonts.googleapis.com/css?family=Ubuntu%3A300%2C400%2C500%2C700%2C300italic%2C400italic%2C500italic%2C700italic&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Clatin-ext%2Ccyrillic&ver=3.9.1″

http://fonts.googleapis.com/…lic-ext%2Clatin-ext%2Ccyrillic&ver=3.9.1
http://fonts.googleapis.com/…2C700&subset=latin%2Clatin-ext&ver=3.9.1
http://fonts.googleapis.com/…tnamese%2Clatin-ext%2Ccyrillic&ver=3.9.1

how can I solve this please help 🙁

@uzairfreak
you may wish to read through the sticky page speed thread at top of forum, as I posted various tips for compressing CSS and java files.

If you’re using GTMetrix, to test your site, it will also offer to give you optimized versions.

SEE: http://gtmetrix.com/reports/www.thenerdmag.com/2nMdQOEd

Hi Radu, I agree and think WordPress SEO by Yoast is one of the better solutions for to optimize a website and that’s why I’m using it on all my sites. On the screenshots above I use near identical settings for WordPress SEO by Yoast but the outcome is different.

Plus, I don’t think that plugin causes the issues, because even on the Newspaper demo site the description is missing when clicking the Google+ button.

I’d be happy if this issue was looked in to.

Or, Amazon CloudFront.

To fully “optimize” the .css files, you would need to learn how to “minify” them to make them smaller, if Google is suggesting that.

One trick is to use GTMetrix to scan your site for speed rating, as they can then give you optimized versions of your CSS files (downside, you would need to do this for every time the theme is updated… but this is part of the ongoing admin process for speed).

See the tips and info for your page here:
http://gtmetrix.com/reports/telsetnews.com/Upm34LMy

h1 tags should always be used for the de-facto title of the story and match the title tags in meta for Google, Bing and Yahoo.

Technically there should only be one h1 tag for the title/block title; however in HTML5 there is support for multiple h1 tags in sections/containers.

For other tags, there isn’t a necessity to have a h2 show before an h3 unless you have these defined for nested semantic purposes and have such defined for the “semantic web.”

So, (inside main or article semantic containers)

main
h1 – title
h3 – subhead

h2 – giant sub section in body
h3 – subhead for subhead
p – explanation for information
h4 – definition heads
p – explanation for information
h4 – definition heads
p – explanation for information
h4 – definition heads
/main

would be perfectly fine

h2 – h5 can really be addressed as merely headline “sizes” to show priority as a “section head” vs simply a paragraph starter in strong/bold. Put another way, it is best in a story to use a h4 vs simply a strong/bold sub-head for, say, new chapter sections of a book serial. Anything with an h tag is identified semantically as a headline of some kind.

H1 on homepage – this is typically not a huge issue with newspaper sites as there is little or no original content on the “front page” .. it all links to the content pages on the site, which is what you want found when spiders show deep-link content to searchers. So, what exactly gets optimized on the front page? You can end up fighting your own content if you’re trying to get your home page to rank against “awesome motocross videos” versus the actual index on your site of all the motocross videos – both can’t be the best choice for the site.

If you’re running a store/shop, then h1 on home page is critical for branding and bringing folks to home page — if there is substantive original content on the home page.

• This reply was modified 12 years by simchris.
• This reply was modified 12 years by simchris.

Well, with a dedicated server with 12 cores (XEON), and 32GB of ECC RAM, RE4 RAID 5, blah blah, we should be able to generate images locally using image tools already on board the system (e.g., ImageMagick, old GD Libs etc.).

For our purposes creating external accounts to handle image creation and placement across multiple news portals is needlessly complex for our needs if we can do it “on site.”

So right now we have a plugin which will create a local “thumbnail set” per theme and media sm/med/lg, and then set featured image from both locally hosted ftp images inserted via relative URL (not using media manager) and will post to media manager; will do the same with external images placed inline, but pulled from the main news hub (not locally hosted); and will also not interfere with locally created articles which have images uploaded via media manager and placed inline at top and flush right within body text.

Testing the next step, which is separate element/task which takes the featured image set either automatically or manually, and then creates the zoomed/cropped/enlarged versions and saves to media location so that theme can pull that size for the featured images on category pages and home page. This also uses the server side built-in image processing horsepower without any external I/O.

Once posted images are further optimized by mod_pagespeed and cached server side.

Stay tuned 🙂
I am testing this momentarily, in fact (Fri. May 2, 2014).
Expect either happy face or frowny face once I try this.

Also installing upgrades to our ecom system which is always a barrel of monkeys (for those of you old enough to remember that). 🙂

• This reply was modified 12 years by simchris.

Also good idea if having any issues with widgets to simply go to each and press “save” again. I tend to do this out of paranoia with each new full dot WP update:

1) resave permalinks (habit as it resets/touches the htaccess file which as the rewrite rules)

2) disable and re-enable plugins one by one; check for any error message on re-enable.

3) run wp-optimize plugin which cleans house on orphan meta, etc.

4) do tools > save all site data (if not already done); good to do before AND after any update especially if “database has been updated” happens with the upgrade.

5) once a month I do full FTP download of site in case server catches fire and datacenter hit by lightning and backups melt.

6) Check site in IE11/Win7-64 and Chrome/Win7-64. (Generally if it works in Chrome on Windows then Chrome, Safari and Firefox on Mac will work – and who cares about anybody still running IE on Mac!)

7) If needed for anything like missing widgets, go to appearance and just hit “save” and it resets it. For missing ads, simply hit “save” in the theme panel for each ad spot.

8) Finally, out of general paranoia I also look at the source of a sample post, to make sure the meta tags are not messed up due to the occasional whack-a-doodle bug in Yoast, and because we’re running mod_pagespeed and like to check things are not being re-written in some bad way.

Veteran WP users have their own checklist, but this may be useful to the newbies. 🙂

If you’re not using an image optimizer for all the thumbs, like smushit or whatever; consider adding the “quality factor” setting to your functions.php (see my notes in the pagespeed sticky thread) – otherwise you’ll see the smaller sizes being crazy big like 60kb for featured category image, etc.

I would stick with ONLY enabling Page Cache.

And now … my morning soapbox: brought to you by clean living and cute kittens ….

Remember that if you’re using the TagDiv Speed Booster plugin, it is MOVING things around on the page for better performance when the page is loaded. You do not want the dynamic stuff cached or it won’t show updates to things on pages. Your home page would not show new items, categories wouldn’t show new items, sidebars wouldn’t show new, recent, related, etc.

So, you only want to enable the page cache which will basically serve up a snapshot of the page and not the dynamic stuff which is still called via php.

Newspaper type sites are way more complex than say, a blog about raising rabbits on a farm, or a bicycling blog updated once a month. If you have content updated daily, or even hourly, caching can help with speed and limit load on server, but it can be TRICKY to optimize for YOUR particular website, due to how elements are loaded on pages, where they are, what other optimizations are running, etc.

There truly is no “one click” caching option for any busy, complex website. Blogs sure. Complex websites need to be tweaked for advanced tools like caching, just like all the other tweaks not built-in to WordPress, or the theme.

So, for most advanced users, there is trial and error – nothing to do with the theme, and not covered by support team for your particular use.

The theme devs have “recommended” you only use Page Cache, as that is how they achieve their own high speed rating/score.

So, you may wish to
1) fully optimize your site, outside of caching!
2) enable tagdiv speed booster and make sure nothing breaks if you’re using some kind of external plugin which might conflict with the optimizations (on our site the < > arrows disappear in 3.6, with WP 3.8.1; with 3.5 the slide out “you might like” broke) — you have to decide if this is a benefit for you or not; YOU need to test, decide, then either use or not for YOUR particular solution
3) make trusted backups of your site before doing any caching!!
4) enable W3C and use page cache only; test your site — either determine if it works for you or not, and some trade offs, and if there are workarounds for some things like page counters, random or recent dynamic elements, etc. — and there are forum posts on issues other have faced with using specific plugins, or with certain features in use (e.g., JetPack, forms, membership, bbpress, etc.)
5) adjust, test, adjust, test.

If you have no idea how to do any of that you likely would need to hire a developer at an hourly rate. Or, do what most of us do which is trial, error, forums, Google search, test, retest, learn, fail, learn.

The reason there is no simple “how to” for caching, is that there are a hundred things which might be impacted by that if you turn on every option in the theme and load up a dozen external plugins.

In a perfect world, for caching, the average joe might try this:
1) setup the theme with only the basic functions; no special menu, no JetPack, no “counters” for social media reads, one ad management system or AdSense.
2) enable tagDiv Speed Booster BETA plugin to optimize the placement of the CSS, JS components, Google fonts, et al.
3) put in the basic optimizations: a) gzip/deflate at server level, b) htaccess, c) image optimization tweaks (plugin, and/or functions.php mod from my speed posts)
4) W3C or other caching with minimal page caching settings.
5) test site.
6) turn on the “fun” features like megamenu, jetpack, forms, social reads/likes; choose what works; what doesn’t — either find workaround or don’t use.

There is ALWAYS a tradeoff between speed and features. You can’t have 100 add-ons and have the speed of a site with 15 add-ons. So, YOU need to decide if speed vs features matters, or other way around.

Hope that helps somebody!

Copr. © 2014 Christopher Simmons.

• This reply was modified 12 years by simchris.

@orcn

gzip/deflate is managed at the web server level – it needs to be running for your hosting account. This allows the web server to automatically compress everything sent by the web server from your site to the web browser. This alone is good for 20+ points. This is the #1 thing which should be addressed. Ideally your web host should have this on for your account. If they won’t enable it, move to another host who will!

If you look at my posts there is an example of the .htaccess settings that I used for
the “expiration headers”

For images:
1) you need to use a compression plugin, like smush.it or similar (see comments from others in the thread); this will optimize all the thumbs created by WP and the theme
2) upload well compressed images (e.g., 25-40kb max, not 150kb or 700kb — unless you’re doing some kind of photo/portfolio site where quality is first concern)
3) consider changing the compression level by default in WP, which is done in the functions.php file at bottom using the code I’ve suggested in my posts — setting it to something like “60” vs the default “90” (I think), will cut the size of the thumbs by a huge amount.

For my particular brand of magic, try putting this at the end of your .htaccess file:

AddType text/javascript .js

# BEGIN Expire headers
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 5 seconds"
ExpiresByType image/x-icon "access plus 2500000 seconds"
ExpiresByType image/jpeg "access plus 2500000 seconds"
ExpiresByType image/png "access plus 2500000 seconds"
ExpiresByType image/gif "access plus 2500000 seconds"
ExpiresByType application/x-shockwave-flash "access plus 2500000 seconds"
ExpiresByType text/css "access plus 700000 seconds"
ExpiresByType text/javascript "access plus 700000 seconds"
ExpiresByType application/javascript "access plus 700000 seconds"
ExpiresByType application/x-javascript "access plus 700000 seconds"
ExpiresByType text/html "access plus 600 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"
</IfModule>

<IfModule mod_headers.c>
    Header unset ETag
</IfModule>
<IfModule mod_alias.c>
RedirectMatch 403 /xmlrpc.php
</IfModule>

NOTE: if you use pingback or post by email, don’t put in that last 3 lines, as I do this to keep spammers from posting comments via pingback even when comments are off (!).

The above assumes your web host is running Apache, and not IIS, or nginx or other. If so, you might have to tweak those for your particular host. Apache is the most common, however.

Also: make backup, via FTP, or your hosting panel fileManager of your .htaccess file first; then if your site doesn’t load with the new elements, put back your original version.

Hope that helped.

• This reply was modified 12 years by simchris.

Hi there,

I have a problem with my web page speed. I have wallpapers website it contains thousands of images but on home page it not contain thousands of images but my webpage speed is seriously low check this

Kindly help me to optimize my website i’m loosing serious traffic. Kindly tell me how to optimize my wallpapers website I will be very thankful to you and also tell me i want to show links ads under home menu so tell me how can I do this??

Regards,
Saad

FYI, when you download the theme files, there is clearly a file called “update_log.txt” … you can download the update zip file without having to install it on your website.

Good idea to spend some time familiarizing yourself with the files you’re downloading, as to what is in each folder and the supporting documents. Just a thought, no insult intended.

[ V 3.6 ]
– added new font system
– added support for custom font files
– added support for typekit.com fonts
– added Most Commented sort order option for widgets
– added support for font stacks
– better support for google fonts (it optimizes font delivery)
– fixed the breadcrumbs for the bbpress forum (no more 404 file missing error)
– fixed mega menu font issue
– slides work now with only one post

[ V 3.5 ]
– added 4 predefined style: SPORT, CAFE, FASHION, TECH – screenshot
– added option to uppercase the font for the Header Menu – screenshot
– added Alphabetical A -> Z sorting option
– added option to change the typography of the default Blockquote in Theme panel – screenshot
– added COLOR option for default Blockquote – screenshot
– added old sharing back – screenshot
– fixed Ad overlapping on Header Style 4
– fixed translation for Home breadcrumb
– fixed issue with video thumb downloader (sometimes it did not download the thumb)
– better megamenu handling on touch devices
– added comments on pages ( with option in theme panel – default it’s disabled )
– post views counter alternative for W3 Total Cache (with WP-PostViewer and Ajax_the_view plugins) – https://forum.tagdiv.com/wp-postviews-post-view-counter-alternative-for-w3-total-cache/

• This reply was modified 12 years by simchris.
• This reply was modified 12 years by simchris.

Hi, #emre
you should read through all of the thread for info on adding elements to your .htaccess file, making sure you optimize images, and set images to be as small as possible, make sure your hosting provider is properly service pages as efficiently as possible, and limit use of plugins and anything that makes external calls … anything like social media buttons with “number of likes” or AdSense ads, or JetPack will all slow down the page.

AFAIK the theme only scales images on responsive resize, but I don’t have the latest version running yet. Meaning, the sizes when viewed on desktop at 100% match the thumbnails created. Maybe post a GTMetrix score page or something for folks to peek at?

You should have higher speed rating than 70 if you have proper expire headers, browser caching, W3 Cache cleared fully before launching new theme and then after launching new theme, and images uploaded are optimized to begin with and/or using something like smushit, or modified the functions.php to increase compression level for thumbs.

@jbenbitez
not sure if you use a dbase optimizer for your site, but one thing I do after any major updates every time is
1) resave permalinks (just because)
2) run wp-optimize plugin to clean up dbase

We’ve been able to lessen the load on all our sites by as much as 20% (we have a LOT of pages) by using wp-optimize regularly, and also editing the wp-config to limit number of draft saves, and longer time to save each.

In our case the “BIG” memory leak was from YOAST. Going backward on one site fixed it, and on another getting latest version.

One client site was crashing until we stopped using AddThis “layers” plugin and cleared the cache about five times (not running Newspaper). GoDaddy hosting on that one.

Anyway – this is just some feedback on our issues- again, perhaps not related in any way to your issue. Often you can look at your site “error logs” to see what is generating an error, as best place to start with this kind of thing.

Hi,
Thanks for good advices! I spent hours to try optimize my website, read all topics and it’s works! 🙂 ( but only on main page. I can’t optimize other pages)

PageSpeed is sometimes 99/100: https://developers.google.com/speed/pagespeed/insights/?hl=en&url=mefus.nazwa.pl%2FGettinEnglish%2F

I have one problem. After I install tagDiv speed booster and I don’t have latin-ext fonts. How can I fixed it.

Thanks!

Cheers

P.S. Sorry for my English! 🙂

• This reply was modified 12 years by gettinenglish.
• This reply was modified 12 years by gettinenglish.

Hi,
you don’t need to duplicate the expires header section. I just changed the method I was using from days to seconds. Doesn’t matter either way. 🙂

Nothing you can do about elements loaded exetnally like add this .css

For the local .css files you need to optimize those by either minifying them manually, and make sure they are enqued properly with the speedbooster plugin.

Good luck! Hope all my ranting helped a bit.
Again, all of this was covered in the pagespeed topic.

Hi
only use the mod_pagespeed stuff if your web hosting provider has Google mod_pagespeed installed – ask them about that, and what functions they support. Don’t use that if your host doesn’t have it installed.

And i should put this code in the final of function.php?

add_filter( 'jpeg_quality', create_function( '', 'return 50;' ) );

YES! 🙂

——————

Hi, here is my current optimized site .htaccess
NOT including mod_pagespeed (may not apply to you)
NOT including my redirects
NOT including my permalink structure

SO, assuming end of the # wordpress stuff

# END WordPress

AddType text/javascript .js

# BEGIN Expire headers
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 5 seconds"
ExpiresByType image/x-icon "access plus 2500000 seconds"
ExpiresByType image/jpeg "access plus 2500000 seconds"
ExpiresByType image/png "access plus 2500000 seconds"
ExpiresByType image/gif "access plus 2500000 seconds"
ExpiresByType application/x-shockwave-flash "access plus 2500000 seconds"
ExpiresByType text/css "access plus 700000 seconds"
ExpiresByType text/javascript "access plus 700000 seconds"
ExpiresByType application/javascript "access plus 700000 seconds"
ExpiresByType application/x-javascript "access plus 700000 seconds"
ExpiresByType text/html "access plus 600 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"
</IfModule>
# END Expire headers

# BEGIN Cache-Control Headers
<IfModule mod_headers.c>
<filesMatch "\.(ico|jpe?g|png|gif|swf)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(css)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(js)$">
Header set Cache-Control "private"
</filesMatch>
<filesMatch "\.(x?html?|php)$">
Header set Cache-Control "private, must-revalidate"
</filesMatch>
</IfModule>
# END Cache-Control Headers

<IfModule mod_headers.c>
    Header unset ETag
</IfModule>
<IfModule mod_alias.c>
RedirectMatch 403 /xmlrpc.php
</IfModule>

Hi,
you may want to read through the entire pagespeed topic (big sticky top of the forum), as all of this has been well covered there.

Generally you can’t do anything about things like addthis (although I did post a hack to load that in async mode), or jetpack – as those load on other servers and will show up as errors when you run pagespeed analytics. If it’s not loading off your site, it will likely show up as an error of some kind – this includes recaptcha, adsense ads, etc.

Not sure what you mean about looking at source code of theme vs source code of the page — the theme code is not rendered while the code on your site is rendered with all the stuff coming from dbase and external and queries, etc. If you’re trying to compare the “demo” to your pages, that may not work either. You should follow the instructions to setup the cache (remember you need to CLEAR cache every time you change things like htaccess, new plugin, etc.), the speed booster, the page expires time.

For realistic speed – test without addthis, adsense, or jetpack. Then put that stuff back and decide how much impact you want to have on your site. I use addthis for social buttons on one site, and then the theme stuff on another. I don’t use jetpack as it’s slow and I hate loading stuff from a mothership that isn’t my own. I limit number of ads on page (4 ads will be slow if images!) – try loading text only ads, to speed up page!

But a *lot* of this, if not all, has been covered in the pagespeed topic. So, best to start there, and remember it’s virtually impossible to get above 91-93 in desktop with a busy site, lots of pix, wordpress theme, external stuff. Mobile will be slower, no matter what you do. 76+ isn’t too awful right now. 80+ is goal. 65 would be awful. To really optimize for mobile requires making a version of page which most newspaper sites won’t do, and that is mostly text, one picture, minimal navigation, etc.

Google sadly doesn’t differentiate from “tablet friendly” and “iphone friendly.” SO, I’ve stopped crying over trying for a perfect score on phones — it’s not my primary audience. Tablets are, then desktop.

Anyway… that might not help. But
1) set cache to page cache ONLY
2) don’t use any minification stuff until you have speed booster plugin working right
3) make sure your htaccess has expires headers
4) make sure your web server is doing gzip/deflate
5) optimize your images prior to upload; if possible use my hack to increase compression level for thumbnails (or use smush.it or similar; I prefer to edit my functions.php file to change compression to “50”)
6) run your speed tests
7) turn off anything you don’t absolutely NEED if you’re seeking highest score
8) test and retest

THEME UPDATES:
I find it’s best to fully over-write the old theme with NEW theme folder each time, via FTP. I’ve had mixed results with “patching” over the past 10 years with WP sites, and more often than not they break somewhere due to permissions.

Frankly, it’s good habit, since you can also download a full snapshot via FTP before you do an update, to ensure you have a full snapshot. I date and RAR mine here for archival purposes.

• This reply was modified 12 years by simchris.
• This reply was modified 12 years by simchris.