electricity machine  


and let me check chrome ie safari opera ff,,

my previous assessment of Chrome (that Chrome did not have its criteria as it should be - new world order) is unfounded, i did not have the expressions in css in the proper order, let me write it down here for posterity's sake

url('http://electricitymachine.com/font/shoots.woff2') format('woff2'),
url('http://electricitymachine.com/font/shoots.woff') format('woff'),
url('http://electricitymachine.com/font/shoots.ttf') format('truetype'),
url('http://electricitymachine.com/font/shoots.eot?#iefix') format('embedded-opentype');}

i dont think the Content Delivery Network is kicked in yet, still about an hour until the previous 4 hour cycle expires, which is the computer's default instruction to the browsers to retain the caches for that period [i think] ... on the 1. pic the woff2 should be cached, on the 2. pic the woff2 is cached,,, like 3 hours since i cleared the cache manually at cloudflare,, just about everything on this page is different, though it looks the same, these are all new images, a new sprite, compressed, the cursors are new pngs all compressed, the javascript [compressed] is on the page at the end of the page - not in an external file, the font is woff2 [compressed] now at 85kb, not ttf at 325kb, it looks like it has not changed but the differences are profound (the text i minified with parts in the middle i left unminified supposedly gets minified on-the-fly or automatically by cloudflare),, minified css, it used to me 5 seconds to display the page here with the FOUT,,, something like 1/5th the time,, savings of 4/5th,, gonna go look at the killer and observe as the site takes 10 seconds to hong kong,, and 8 seconds with errors at shanghi and new delhi,,, i dont think i have propogated yet: https://www.dotcom-tools.com/website-speed-test.aspx

fairly typical
outta ny cable chrome


it looks to me like ive got shoots.woff2 in Chrome,
and in Safari i think i have shoots.ttf, not for sure - its got shoots font whatever version,,,
this is what ive been trying for last couple of days, came down to just the new world order in the .css @font-face, which one is first, which one is second and etc,,, i gotta rest, and give the system time to cache back up and propogate around

i just took 69% of the filesize out of that sprites.png at http://compresspng.com/
earlier i converted then compressed power.ico into power.png for substntial savings after it was compressed as png,, the point is: i believe i had already optimized but more was available,,, i did the .cur of the three into png at http://convertico.com/ and then once on png i compressed that,, just round terms my front page has gone from about 400 (kb?) to about 200 kb,,, and i have put the javascript back on the page for one of these test sites, thereby reducing the number of HTTP Requests, i think i am working with 8 requests,, and i have messed around and been clearing the cache at cloudflare so many times - i think it may take 24 hours or whatever to be able to get the system back into shape,, i ordered up
for the purpose of parallel loads of these 8? requests and still have not heard back from brooks, he is probably busy and i should have thought of it before i got him to setup the first two subdomains (consolidation of tasks)

what i am gonna have to do is: make all the font versions available, and if the browsers pick the wrong version due to not having their criteria in proper order (new world order) and select the wrong version, select the slower version, then so be it,, it is either that or safari gets arial as a fallback,, i dont know why they set it up this way - it is slower -- i have the filesizes... here let me step and fetch it:

shoots.woff2 84kb
shoots.woff 251kb
shoots.eot 325kb
shoots.ttf 325kb
shoots.otf 573kb
shoots.svg 1,545kb

separation/closure problems

the problem also is: Chrome which has such a speedy reputation, looks at the option of either woff2 and ttf and chooses the ttf, Chrome doesnt have its priorities straight, same with Safari,,, right now if you are looking through Chrome - this is shoots.woff2 (a webfont) to be viewed over the web, which operates alot more speedily than the chrome/safari/webkit which for some boneheaded reason opts for the ttf over the woff2,, i have woff also turned off for the moment

i suppose it would just be too large a project to get the writers of chrome and safari to name their browsers differently (separate and equal)

apparently safari and chrome are both webkit, which makes it difficult (because they act so differently in reality) to separate the two with conditional statements, point is... .ttf is a huge file,, .woff2 is a small file, chrome downloads both .woff2 AND unnecessarily the .ttf file, both files,,, if i take .ttf out of the lineup then safari can not use the .woff2 and must have the heaveier .ttf,,, grr

now i have compressed the text.png normal.png and link.png (which i am now using rather than the .cur files via css.css) and have overwritten the three .png's at my web directory with 38% 26% 21% savings respectively,, i have cleared the cache at Cloudflare Content Delivery Network

i have changed to .png from .cur in .css and the tests have not picked up on that, i think all the testing done today i have done accidentally without .htaccess,, these little tiny .cur (cursor) files and they are really slowing the whole process down, so i changed them - only the tests dont seem to get it

ok here's a killer:



<script src="http://js.electricitymachine.com/shoots.js" defer></script>
<script src="http://css.electricitymachine.com/css.css" defer></script>

css defer? hmmm

i am gonna gave to re-open each page and update the css.css and shoots.js tags to show the new subdomains,, i went and tried to establish between webhero and cloudflare the subdomain:
on my own with no joy, but it would be better to re-open all the pages to edit at once and edit the sprite and css and js info at one time, rather than making two trips (consolidate), so in general i think i will get back and try and finish that movie page for now

now in the head i have the following, maybe i can put the css into the ,css file - but what to do with that front loading javascript?

var font=new
fontface("shoots","url(http://electricitymachine.com/font/shoots.woff2)",{style:"normal",weight:"300"});font.load();font.ready().then(function(){document.fonts.add(font);document.body.style.fontfamily="shoots";var a=document.getelementbyid("content");a.style.visibility="visible"});
@font-face {
font-family: 'shoots';
font-style: 'normal';
font-weight: '300';
src: local('shoots'), local('shoots'),
url('http://electricitymachine.com/font/shoots.ttf') format('truetype'),
url('http://electricitymachine.com/font/shoots.eot?#iefix') format('embedded-opentype'),
url('http://electricitymachine.com/font/shoots.woff') format('woff'),
url('http://electricitymachine.com/font/shoots.woff2') format('woff2');}


this is outta NY

i guess this is the purpose of all these tests is to find out what works and what doesnt,,
why am i getting the FOUT now in chrome,,

still havent done anything aboutthe cursors,, but i took shoots.ttf out of the lineup - still gotta find an IE machine to test on,,,,, FF looks horrible (it keeps self-repairing) dont understand

ok right now i have css and js coming from a webhost out of england, or at least out of UK,, that could mean a lot of geographic locations,,

i just talked with the webhero guys and they are gonna set up for me the
subdomains, i read last night where subdomains are seen as individual domains by the browsers, so these two subdomains might (gotta test to be sure) get the ip addresses to be different, meaning no bottlenecking, and i dont have to travel as far as England to carry it out - it is worth setting it up and testing though, ok now i am on to the idea about the cursor sprite,, just three images,, not sure how this works really,,, wait,, let me see if i can remove shoots.ttf from the css and still have the font work,, first

signed on with www.cloudflare.com kinda hairy,, Content Delivery Network,, but in sharpshooting the term is "grouping" meaning that the group of shots are tighter now, and like compressed visually in that webspeedtest,,, even from japan, the one outstanding problem is the font,,,,,,,,, it is like it doesnt start to transfer until everything else is finished and is THE culprit in the question: why is my page so slow,,,,, everytime it can it goes for 350kb .ttf, and not 84kb woff2,,, looking for ways, wait, here is my query right now at google: how can i get chrome to display woff2 and not ttf

getting weary, socked in weather, 4 in the box, sand went around outside this morning, i finally went out on the porch and i was looking the wrong way (to their little cave under the house) and i heard her run up clopping like a high speed horse,, just trying to solve the equation re: @font-face

ok this is out of japan and i got better times the first time i used, however i changed up the shoots.js and this is the first time i have been able to see the shoots.woff2, granted the shoots.ttf is still showing, but if worse comes to worst (and this just may be that scenario) i might be able to just chop .ttf out of the picture in css.css, first signs woohoo

this time, testing from chicago it the test used the .eot, not the .ttf, and not the woff2 - i want the system to use .woff2

why didnt chrome see that the css did not call out the .ttf, and go well there IS a .woff2 here,, so we'll just use that instead?

i did not intend to get into testing right now,
but anyway: in Chrome i am testing using the http://www.webpagetest.org/ and i am trying to test just one page not the whole site, i am testing http://electricitymachine.com/index.html and the peculiar thing is the Chrome is not downloading the .woff2 font file (like it is supposed to i thought) and it is like 84kb,,, chrome is instead downloading the shoots.ttf font which is like 350kb +/-,,, like chrome is making the wrong decision i think, i wonder if i just cut the shoots.ttf out of the picture what would happen,,, maybe chrome goes: ok there is no .ttf, so download the .woff2 instead

whether or not this is what they are meaning by "CDN Content Delivery Network" i need to have the various parts of a page be located at various servers,, for instance:
1. body text - at electricitymachine.com
2. css - http://electricitymachine.esy.es/css.css
3. js - no idea
4. images - nav sprite https://4.bp.blogspot.com/-murgVSyNZj4/Vjs-j2vDoII/AAAAAAAAA-U/dCx16nPn0sI/s1600/sprites.png

<!DOCTYPE html><html><head>
/* prefetch */
/* favicon */
/* external style sheets */
/* viewport */
/* dns-prefetch */
/* external javascripts */
/* meta */
potential sprites:
cursors icons
movie thumbs
upin, meaning for the zip


hmm,, some disagreement by the guys that actually know something:
bb <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
chrome <meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" type="text/css" href="http://electricitymachine.com/cursor/shoots-cursor-set.css" />
<link rel="stylesheet" type="text/css" href="http://electricitymachine.com/font/shoots-font.css" />
<link rel="stylesheet" type="text/css" href="http://electricitymachine.com/cursor/shoots-cursors.css" />
<link rel="stylesheet" type='text/css" href="http://electricitymachine.com/font/css?family=shoots" />
<script id="cid0020000106662307218" data-cfasync="false" async src="//st.chatango.com/js/gz/emb.js" style="width: 100%;height: 100%;">{"handle":"electricitymachine","arch":"js","styles":{"c":"000000","d":"000000","f":0,"i":0,"l":"FFFFFF","m":"FFFFFF","p":"9.99"}}</script>