Many format changes to RF Cafe have occurred since its inception
in 1999, primarily to optimize the layout and content for presentation to my targeted audience - engineers,
technicians, hobbyists, managers, and salesmen who make a living and/or pastime of electronics.
Update: RF Cafe's format has been modified to have a fixed page width (~780 pixels) with the right
page border always beneath the page header. Now the only difference when in Mobile mode is an increase
in font size and line spacing - much easier and still Mobile-Friendly!
This latest format change, however, comes in response to Google deciding to penalize website search
ranking for any page or pages that do not pass its
With 2/3 of the world's search business, they set the rules. If a page is not deemed Mobile-Friendly,
it will likely be demoted to a lower spot on the search result page compared to if it was compliant.
In some cases a website that would have been displayed on the first page of search results might instead
end up on the second, third page - or worse. Therefore, it was imperative for me to bring RFCafe.com
into Mobile-Friendly compliance - not an easy task with pages as chock-full of information as are RF
Nonetheless, after many attempts I finally arrived at a solution I can live with in that it achieves
an acceptable balance between presenting prime content while also giving fair visibility to advertiser's
banners. The graphics below illustrate changes in format that occur when transitioning from the Desktop
mode to the Mobile mode. A screen shot of the Mobile format can be seen to the right.
When the device (desktop or notebook computer, tablet, or smartphone) has a display pixel width of less
than ~750 pixels, the entire web page resizes from a width of ~930 pixels to about ~730 pixels. In doing
so, the main content width narrows from about ~730 pixels to ~560 pixels, and the font size and line
spacing increases by ~25%. Also, the content in the right page border repositions itself to underneath
In the Desktop world there is a concept of content being located 'above the fold,' meaning it is
displayed when the page is scrolled all the way to the top, as it would be seen when first loaded in
a browser. That area is considered to be highly valuable since every visitor will always see it. There
is really no equivalent area in the mobile format, so instead value is ascribed vertically linear on
One of the biggest obstacles for me was not wanting to use any sort of script code to achieve the
'responsive' format change, since even though it is the year 2016, there are still enough inconsistencies
in how various browsers render web pages - especially things like drop-down menus - that I refuse to
can significantly increase bandwidth, download time, and page rendering time. I hate waiting for a page's
main content to load, and refuse to subject you, my visitor, to it. Take a look at my HTML and CSS code
to see how it is probably some of the simplest and most efficient you will find on any website of RF
Prior to bringing RF Cafe (and my personal hobby website,
Airplanes and Rockets) into the realm
of Mobile-Friendly-ness, Google posted notices of admonishment on my Webmaster space. The intimidation
finally got to me. I wondered how many of the websites I frequent while looking for technical headlines,
electronic components, etc., were Mobile-Friendly. Below is a short list of some of those sites and
how the fared when their URL was submitted to the
Test page. The results surprised me.
...and now for the sales pitch. If your company can benefit from RF Cafe's typical page view count
of 15,000-20,000 each weekday, please take a quick look at my
Advertising Information page. You simply will not
find a less expensive venue for the amount of exposure. You might also review the
inexpensive software and other products
I have created over the years. This is my sole source of income, so anything you can do to help is greatly
appreciated. Thanks, as always, for reading.
Posted February 15, 2016