Search Results for 'other ads'

So, one aspect of “responsive” design (good and bad), is that it’s better to load a 25kb image once than load the 25kb image once and the 12kb image together and switch those out on viewport. Better to load the 25kb image ONCE, then resize to fit the aspect you’re looking at when you look at it.

I agree it’s best to load the image only once. All I’m saying (and is what I believe Google Pagespeed is saying) is that we should request the version of the image that is best fit to the screen at it’s current orientation, and then if the device changes the viewport, the image will be resized locally, which is essentially what newspaper does now at a certain level.

For example, if I load my homepage and resize the browser window down to 767 pixels, I see this image which is only 326px wide being displayed at over 700 px wide WITHOUT reloading the image, as seen in the screenshot below, second image down:

Does that make sense? If someone really was bothered by the pixelated images, they’d probably realize that they could simply re-orient their device to how they loaded the page or simply reload the page. It seems terribly inefficient to me to have every single person download a high-resolution image on the off-chance that they will flip from portrait to landscape while viewing the page…

The other benefit of using the larger image is for retina/HD displays on a mobile device which have higher pixel count than desktop; so again, if you do the pixel math, a 700×500 image on a screen with double the pixel count, loaded half size, would still provide the same number of pixels when shown half size — without having to load alternate retina/HD version of image or use “image stacks.”

I agree, it does look nice on “Retina” phone screens, which is why I disabled my retina plugin on mobile devices. I think it would simply be a better solution to have Newspaper serve a 300 px wide image, and then allow the retina plugin to substitute the @2x version, rather than serving everyone the hi-res image.

Doesn’t that seem more efficient?

I think is another…

• This reply was modified 11 years by cstyn.

Hello Lucian,

There are a lot of plugins whose can do it, but they don’t ensure the compatibility and perfect integration with the theme. Maybe a good idea could be implement some of the features of these plugins, at least the basics. Your solution is not bad, but maybe including buttons to upload the banners and spaces to insert the URL (more than copying and pasting codes) could be an improvement.The possibility of adapting and generating automatically the internal banners (not Adsense) from the biggest image could be another idea.
But I’m not an expert, just a user!
Thank you for your attention.

The team doesn’t work on weekends.

Some of the gaps would be resolved via this CSS:

.td_block_big_grid {
  padding-bottom: 0px !important;
  }

.wpb_row {
  margin-bottom: 0px;
  }

Adjust px as desired.

The horizontal gaps are harder to remove because they’re part of the entire grid layout. I would recommend not bothering, but if you really have to, you could play with these values…

.td_block3 {
  margin-left: 20px;
  }

.td_block3 .span4 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

Use .home .td_block3 and .home .td_block3 .span4 if you only want these to affect the homepage.

TagDiv support can probably help you with the ads; I can’t.

Stupid thing about it, is the og tags are expressly there for Facebook to be able to grab the image.

Worth mentioning you need to ensure your robots.txt file isn’t blocking the /uploads/ folder or other folder if you renamed yours (I renamed mine as I hate “uploads”).

980 is deprecated in general, if I understand it right. Chris Simmons was saying in other threads that they are likely preparing for the new grid sizes of Bootstrap 3.

A minute of Googling reveals:

Old break points: http://getbootstrap.com/2.3.2/scaffolding.html (980 mentioned)
New break points: http://getbootstrap.com/css/ (970 mentioned)

One note is that while using AdSense for testing PageSpeed Insights lowers your score, that is the tested score, not the actual score for ranking signals, which discounts the advertising from their own network in calculating the speed for their purposes.

Put another way, Google doesn’t really lower your ranking based on speed for loading their own content on your site, as related to their ad system(s).

So, test with AdSense OFF, but you can then switch ads on, but choose text ads vs image ads (in your AdSense account), to derive minimal revenue from your site effort (neccessary for most bloggers and newspaper/magazine sites). Additionally, using only two ads vs 3, does help with overall user experience.

And one more issue with header.
I added background image, the height 200px using this
.td-boxed-layout .td-logo-rec-wrap {
background-image: url(http://balkonsami.ru/wp-content/uploads/2014/09/dreamstime_37396329-2.jpg);
}
Then i’m trying to add a logo, but if my logo is 300x100px as you recomend, the big lower part of my background is invisible. When i increased the height of my logo till 165px the background started to look better. So are they related to each other? Or i do something wrong?

Minifying is reducing file size by removing unnecessary data (e.g. line breaks). Caching / minifying / performance / speed plugins usually do it. The problem is that it can break up the flow of parsing the CSS file (if I understand it right).

Support has said in other threads that minifying CSS through plugins like W3 Total Cache won’t work (and I’ve seen it have the white screen effect). A CDN might also be minifying your CSS files, although I use Cloudflare and it seems fine.

The version included with the theme update today has newer version.

Version 4.6 SkyWood (25th August 2014)

NEW FEATURES
•Option to disable each video on mobile
•Option to disable Pan Zoom on Mobile
•Option to disable Parallax on Mobile
•Randomized Animation from the Selected Animations available now
•New Offset option for the Scroll Below Function
•New Option to set Slider Min Height – Content will be vertical centered in case content container is smaller then min height of Slider
•New Loop Options for HTML5 Videos: none, loop and stop Slider Timer or Loop till Progress Bar reaches the End

CHANGES
•Alternative First Slide wins now, even if Random Slides is enabled
•Vimeo, YouTube and HTML5 Video can be added now via options on demand instead of preadding iFrames. This will avoid Preloads delays, and slow site loadings
•Using now tp-videolayer class for Videos to identificate Video Layers better
•Class “current-sr-slide-visible” added to the Slide “li” tag which is currently Visible
•Swipe Engine Change
•Swipe Treshold Option Default 75 – The number of pixels that the user must move their finger by before it is considered a swipe.
•Swipe Min Finger Default 1 – Min Finger (touch) used for swipe
•Drag Block Vertical Default false – Scroll Auto below Slider on Vertical Swipe on Slider

BUGFIXES
•YouTube Force Rewind fix
•YouTube Mute in Second Loop fix
•Added backwards compatibility for inline CSS with WordPress versions under 3.7
•Ken Burns Dotted Overlay was not visible
•IE8 Console Group Issue – Slider was not visible in IE8
•Looping Issues if Slides has been manually hanged after Loop Stopped
•Browser Tab Change -> Broken ELements fixed. Option for Slide Change on Blur Tab / Browser also available.
•Navigation Style Preview1- Preview4 Styling issues
•Power2 Error at some Animation
•Mouse Over on Loaded PArallax Slider issue – Slider will always play parallax effect, even if Mouse was already hovering the slider at laod
•IE8 and other Old MObile Devices Fall Back on simple Transitions. CAn be forced now
•HTML5, YouTube and Vimeo Video Playback fixes

OKAY!!!!!!!!!!!!!!!!!

Definitive update on this topic!

Since I have brand new blog (2 posts!) which I setup this weekend, as a migration of an old static section of business website, to a new folder using WP and Newspaper, I was also having issue with Google+ not grabbing photo+summary, and instead only grabbing my author photo + URL or headline.

So, here’s what I did.

I switched from the full width giant photo (style 4), to style 2, with featured image shown; still same problem.

I switched “show featured image off” and *ALSO* switched off the lightbox feature since I don’t use that — remember Google doesn’t like images which are links as they by default presume them to be ads not featured photos when scraping — and then placed my featured image into both of my new posts, and resaved both.

Viola. Went to share both on Google+ and both of my posts from new blog setup dropped in instantly into G+.

example… works!

https://plus.google.com/102627062589158403110/posts/a39F9Lrpa8t

I am not sure whether it’s the featured images outside of post, since I don’t have problem with that on another site with Newspaper; but I am guessing it’s the lightbox under the post settings being on by default that may be the culprit. So try that FIRST (click to off), and see what happens with your G+ shares.

• This reply was modified 11 years by simchris.

Well, several things you can do
1) use only text ads from adsense, so images are not loaded (one big issue right there)
2) very aggressive caching and/or proper CDN
3) fast server (less than 300msec response time)
4) avoid stuff like photon or other stuff loading off wordpress
5) optimize your social media stuff; use share buttons not the numerical crap that needs to go “fetch” numbers for EACH button
6) load fonts from your own CSS not from Google CSS; or use web safe fonts ONLY
7) limit use of plugins which slow down your php
8) optimize your config.php file to include paths to your resources
9) do not use child theme which uses css redirect which google does *not* like
etc.

I’m sure Shashank could likely provide a single “round up” of all the stuff he’s done in the particular case of his own site. I just tested one of his pages, which as a desktop score of 93, mobile 86; which is pretty damn impressive with adsense and disqus running!
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.styzic.com%2Fgadgets%2Fiphone%2Fbigger-iphone-6l%2F491%2F&tab=desktop

• This reply was modified 11 years by simchris.