calculating an initial website download? - web

hey guys,
weird question - i have no idea how to describe what i want i in the title of this question.
i wonder how i can measure or query how much megabytes or kilobytes my browser has to download to view my front-page of my website.
i'm trying to optimize my website for mobile devices and so i wonder how much bytes a mobile browser has to download to view my website. images, js-files, css-files, etc. all in all -> is there a nice and simple way to measure that?
thank you for your help
regards matt

You can use web-browser developer tool.
For Chrome, tools are embedded in the browser:
http://www.chromium.org/devtools/google-chrome-developer-tools-tutorial
For Firefox you can use the Firebug plugin:
http://getfirebug.com/network

Related

Page Speed Issues

Really having lots of page speed issues, my web developer tried a cdn for the banner loading which made it really fast, but now she has amended this and the speed has really dropped very low again.
Any suggestions on howto rectify this?
website www.buypromoproducts.co.uk
Without having any more information on your site it is very difficult to help you out. Have you tried using tools that tell you where your site is being slow and provide recommendations, for example Google Page Speed Insights?

Responsive website (mobile version)

I have created a website from a tutorial online. It works great on a computer.
But When I use it on a mobile device, it doesn't scale up correct. I have used the correct meta tags, but still it doesn't work.
when I minimize my browser on my PC this is how it looks:
But when I visit the website through my mobile phone, the design changes to the 'mobile version' but everything looks to small in comparison with minimized browser version. This is how it looks on the phone:
As you see, the logo scales correctly, but the rest of the content doesn't.
Any idea on how to fix this?
If you guys want my source code, just ask it and I will upload it online.
Thanks
Here is how it looks normally: https://i.stack.imgur.com/VrCWG.png.
Here is the source: https://drive.google.com/open?id=0B8POOYHtz9ifdTdWU0JZOG54ZVk
sorry for multiple answers, I can't post more then 2 link in the same answers.

How to create a Mobile Website

I'm working on a project for class. To create a website and a website for mobile users. The site is to recongize the type of device/browser accessing the page and send the appropiate form. So if I was to visit the site on IE8 it will direct me to the mainpage for IE8, if I was to access the site with a mobile device it will direct me to the mobile website main page automatically.
Also, I need to design the website for at least two different screen sizes.
I'm coding in HTML5, I do not know the type of server the site will be hosted on. The use of Javascript is extra credited. The project details are to "design a small mobile web site. The web site should be tested on one or more mobile devices. The iPod Touch device will be used as the base for testing."
I know how to do 8/10 of the requirements (except the two mentioned). I looked at W3C and didn't find anything.
Any help would be much appreciated. Thank you!
Do a Google for:
CSS Browser Detection
JavaScript Browser Detection
Also you should think twice about creating multiple sites - with basically the same content - or creating proper stylesheets that are referred from the same site.
Hope that get's you the other 2 requirements
NOTE: Since this is homework I won't post any links...
I suspect that ServerFault isn't the best place for this question...but aside from that, your question is a little vague. A google search for "designing a mobile website" turns up what looks to be several pages of relevant information. If you first try working with the information in those documents and then come back with specific questions (e.g., "I tried this and it behaved this way instead of the way I expected") you're apt to get better answers.

How can I see how much bandwidth my website uses?

I'm looking for a Firefox addon which will track how much bandwidth a page is using. This could be a regular HTML page or GMail with the chat feature using Javascript. Is there anything that will help me optimize my page like this?
Perhaps YSlow is what you're looking for?
FireBug has function that allows you to see how much bandwidth and how long certain scripts, pages, images, etc take to load
Install Firebug
Download YSlow
Review the YSlow User Guide

How to create a browser window in J2ME?

How can i create a browser component in J2ME which can display web pages inside an application? Is there any API available for this ? or is this really possible ?
My experiences:
J2MEPolish has HTML browser. It costs 990EUR per app and you need to use J2MEPolish to use it. But be warned: their HTML browser has many issues, it supports forms and other advanced elements, but if you try to get something you like then rendering quality is bad (e.g. no spacing, defaults to center view etc). Free evaluation/GPL is available.
PocketLearn J2ME HTML Component - http://www.j2mehtml.com/ seems to have less features but much better rendering quality. This is not free as well, and there they do not provide any useful evaluation download or public license fee info.
J2ME cHTML browser is free and open source, but no docs (and probably no quality too)
As far as I know, the only browser written in J2ME is Opera Mini (not to get confused with Opera Mobile, which is a different thing). It runs amazingly good even on very low end phones, but most of the HTML handling is done on a special server that Opera hosts, and the client gets optimizes, preformatted, binary data to display.
Doing everything on the phone using Java might be hard or even impossible. You'd be able to code up a browser that displays very basic HTML pages, but doing it right even for more complex pages seems to be impossible on J2ME because of the limited memory and CPU.
I could imagine that some high end phones come with a custom API to embed a native browser into you Midled, but the standart J2ME definitely does not have this.
The only portable way to display a web page in the browser is with:
MIDlet.platformRequest(String URL);
On some mobile, this will terminate the J2ME application though.
The Content handling API is what you're looking for.
That's JSR 211.
Unfortunately, to do what you want, you would need to find a handset that contains an implementation of JSR211 that is both complete and correct.
That doesn't exist yet as far as I know.
The only J2ME emulator that I know that may allow you to launch a web browser window (outside of a MIDlet) is the Nokia Series60 emulator. That doesn't have a complete implementation of JSR 211.
Try this
http://sourceforge.net/projects/fire-j2me/
Unfortunatley there are no built-in components in Java ME to render html.
You can try htmlBrowser component of the j2mePolish toolkit (www.j2mepolish.org)

Resources